HTML: Abstand vor und nach Liste und keine Ahnung woher!?
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
-
Hallo!
Sowohl Firefox 3, als auch IE7 machen mir vor und nach folgender Liste einen Abstand und ich weiß nicht wieso! Bitte um Hilfe.
<div id="con_nav"> <img src="images/nav_bg_top.gif" alt="" /> <ul> <li> <a href="demo1.htm">Demo 1 </a><hr class="line" /> </li> <li> <a href="demo2.htm">Demo 2 </a><hr class="line" /> </li> <li> <a href="demo3.htm">Demo 3 </a> </li> </ul> <img src="images/nav_bg_bottom.gif" alt="" /> </div>
#con_nav ul{ background: url(../images/nav_bg_links.gif) repeat-y; margin: 0px; padding: 0px; list-style-type: none; text-align: right; width: 191px; color: rgb(149,0,46); font-family: Arial, sans-serif; font-size: 14px; font-weight: bold; } #con_nav ul li { margin: 0px 5px 0px 5px; padding: 0px; } #con_nav a:link { text-decoration: none; color: rgb(149,0,46); } .line { border: none; color: #dcdfe0; width: 100%; height: 1px; background-color: #dcdfe0; }
Beitrag geändert: 24.8.2008 13:20:10 von sinew -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Das Ändern der Margin und Padding-Werte der Bilder bringt leider kein anderes Ergebnis! Der Abstand hängt aber höchst wahrscheinlich mit den Bildern zusammen, weil ich die Bilder entferne sind auch die Abstände weg. Wie gesagt, der Abstand ist sowohl bei IE7 und FF3 vorhanden. Ich bin ziemlich ratlos... obwohl ich schon sehr lange mit HTML und CSS arbeite.
Beitrag geändert: 24.8.2008 15:18:14 von sinew -
img { margin-bottom: -3px; }
Negative Margins ist die Lösung…
Ryan
Beitrag geändert: 24.8.2008 16:19:26 von ryanblack -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage