kostenloser Webspace werbefrei: lima-city


HTML: Abstand vor und nach Liste und keine Ahnung woher!?

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    s***w

    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
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. Entweder ist das Browserabhängig vorgegeben oder sie meinen, dass die Bilder unbedingt einen Abstand brauchen. Versuche mal explizit die margin/padding-Werte für die Bilder zu verändern.
  4. Autor dieses Themas

    s***w

    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
  5. img {
      margin-bottom: -3px;
    }

    Negative Margins ist die Lösung…

    Ryan


    Beitrag geändert: 24.8.2008 16:19:26 von ryanblack
  6. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!