---
title: "Bildergallery"
url: "https://www.typo3.net/d/69213-bildergallery"
source: "typo3.net"
tags: ["Allgemein","Frage"]
created: "2007-10-11"
last_reply: "2007-10-12"
replies: 4
solved: false
page: 1
pages: 1
lang: "de"
---
# Bildergallery
Allgemein · 4 Antworten · gestartet 2007-10-11
## Eröffnungsbeitrag
**mike_sebaro** · 2007-10-11 · [Beitrag #1](https://www.typo3.net/d/69213-bildergallery/1)
Hallo
hab mit der Extension kj_imagelightbox2 eine Bildergallery realisiert, allerdings hab ich da noch einen Anzeigefehler, da vom Text zum Bild ein recht großer unnötiger Abstand ist (siehe Bild)
Jemand eine Idee woran das liegt? Oder wie ich das Problem lösen kann?
[Bild: geileshirts.com/screen.tiff](http://www.geileshirts.com/screen.tiff)
Mfg Mike
[/url]
## Antworten
### [#2](https://www.typo3.net/d/69213-bildergallery/2) · Unbekannter Benutzer · 2007-10-11
Ohne Code dazu, wird das schwer.
### [#3](https://www.typo3.net/d/69213-bildergallery/3) · mike_sebaro · 2007-10-11
da gibts es ja keinen Code
Neues Inhaltselement -> Text m/ Bild
Dann Bilder auswählen und die Funktion aktivieren (Checkboxen).
### [#4](https://www.typo3.net/d/69213-bildergallery/4) · Unbekannter Benutzer · 2007-10-11
Da könnte aber dein CSS oder HTML dran schuld sein...
### [#5](https://www.typo3.net/d/69213-bildergallery/5) · mike_sebaro · 2007-10-12
Hi
also hier mal das CSS und das HTML.
```html
body {
background-image:url(http://www.domain.de/fileadmin/template/images/bg.jpg);
background-repeat:repeat-x;
margin:0;
padding:0;
border-top:0;
/* text-align:center; */
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
.csc-firstHeader {
text-align:left;
}
.csc-mailform {
border: 0px;
}
.csc-mailform-field label {
clear:both;
float:left;
width:60%;
font-weight:bold;
}
.csc-mailform-submit {
margin-left: 0.5em;
}
#left_menu li {
margin-bottom: 15px;
list-style-type : none;
background : url(http://www.domain.de/fileadmin/template/images/li.gif) no-repeat left;
text-indent:10px;
font-size:12px;
}
#left_menu a, a:link {
color: #000000;
text-decoration:none;
margin-left:15px;
font-size:12px;
}
#left_menu a:active, a:visited {
color:#530038;
text-decoration:none;
margin-left:15px;
font-size:12px;
}
#left_menu a:hover {
color: #FFFFFF;
background-image:url(http://www.domain.de/fileadmin/template/images/button_li.gif);
display:block;
background-repeat:no-repeat;
text-decoration:none;
font-size:12px;
}
p {
font:11px arial, verdana, sans-serif;
padding:5px;
margin:0;
}
a, a:link {
font:11px arial, verdana, sans-serif;
color:#000;
}
a:active, a:visited {
font:11px arial, verdana, sans-serif;
color:#000;
}
a:hover {
font:11px arial, verdana, sans-serif;
color:#000;
}
h1 {
font:bold 14px arial, verdana, sans-serif;
color: #530038;
padding:0;
margin:0;
}
#container {
background:#FFF;
width:900px;
margin-left:auto;
margin-right:auto;
}
#header {
width:100%;
height:108px;
background:url(http://www.domain.de/fileadmin/template/images/bg_head.jpg);
border-bottom:#530038 solid;
text-align:left;
}
#logo {background-image:url(http://www.domain.de/fileadmin/template/images/hah_logo.jpg); background-repeat:no-repeat; width:293px; height:104px; z-index:2; float:left;}
#topmenu {width:470px; height:36px; z-index:1; margin-left:400px; padding-top:72px;}
#navcon {
width:710px;
height:0px;
/* background:url(../img/nav_grad.gif) left top repeat-x;*/
text-align:right;
/*padding-right:20px;
padding-top:20px;*/
}
#navcon a:link, #navcon a:active, #navcon a:visited {
font:16px arial, verdana, sans-serif;
color:#000;
padding:0 3px 0 3px;;
text-decoration:none;
}
#navcon a:hover {
font:16px arial, verdana, sans-serif;
color:#B95E52;
padding:0 3px 0 3px;
text-decoration:underline;
}
#leftside {
float:left;
width:210px;
border-right:1px dashed #efefef;
border-bottom:1px dashed #efefef;
text-align:left;
}
#leftpad {
width:190px;
padding:10px;
}
#centercontent {
width:500px;
margin-left:210px;
text-align:left;
}
#centerpad {
width:640px;
padding:10px;
/*text-indent:10px;*/
}
#footer {
clear:both;
width:100%;
height:27px;
background:url(http://www.domain.de/fileadmin/template/images/bg_foot.jpg) left top repeat-x;
text-align:center;
border-top:#530038 solid;
font-size:11px;
}
#footer a:link, #footer a:visited, #footer a:active {
font-size:11px;
color:#000000;
text-decoration:none;
}
#footer a:hover {
font-size:11px;
color:#530038;
text-decoration:underline;
}
```
```html