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
Mfg Mike
[/url]
Ohne Code dazu, wird das schwer.
da gibts es ja keinen Code
Neues Inhaltselement -> Text m/ Bild
Dann Bilder auswählen und die Funktion aktivieren (Checkboxen).
Da könnte aber dein CSS oder HTML dran schuld sein...
Hi
also hier mal das CSS und das 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;
}
<head>
<title></title>
<link href="style/style.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container">
<div id="header"><div id="logo"></div> <div id="topmenu"><!--###topmenu### start--> topmenu <!--###topmenu### stop--></div>
</div>
<div id="navcon">
</div>
<div id="leftside">
<div id="leftpad">
<!--###left_menu### start--> left_menu <!--###left_menu### stop-->
</div>
</div>
<div id="centercontent">
<div id="centerpad">
<!--###text### start--> text <!--###text### stop-->
</div>
</div>
<div id="footer"><!--###copy### start-->copy<!--###copy### stop--></div>
</div>
</body>
</html>
Ne Idee?
ICh danke im voraus.
Mfg Mike