kostenloser Webspace werbefrei: lima-city

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

lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript

1. Autor dieses Themas

   s***w

   13:16, 24.8.2008

   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. tct

   

   tct hat kostenlosen Webspace.

   13:37, 24.8.2008

   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

   15:16, 24.8.2008

   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. ryanblack

   

   ryanblack hat kostenlosen Webspace.

   16:18, 24.8.2008

   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?