anzeige

Listen side-by-side: immer noch eine Lücke dazwischen!?


Seite: 1
Autor Beitrag
Lars282
27.01.10 - 15:26:20 Uhr

 Hey!

Habe eine Liste so formatiert:

  1. #nav ul {  
  2.     height: 50px;  
  3.       
  4.     padding: 0px;  
  5.     margin: 0px;  
  6.     }  
  7.  
  8. #nav li {  
  9.     height: 50px;  
  10.  
  11.     display: inline;  
  12.       
  13.     padding: 0px;  
  14.     margin: 0px;  
  15.     }  
  16.  
  17. #nav li.leftones {  
  18.     border-width: 0px 1px 0px 1px;  
  19.     border-right-color: #FF0000;  
  20.     border-left-color: #00FF00;  
  21.     border-style: solid;  
  22.     }  


Die Liste selber:

  1. <ul>  
  2.             <li class="leftones">ONE</li>  
  3.             <li class="leftones">TWO</li>  
  4.             <li class="rightone">THREE</li>  
  5.         </ul>  


Jetzt wird aber zwischen dem rechten Rahmen von ONE und dem linken Rahmen von TWO immer noch eine ca 10px breite Lücke dargestellt. Wenn ich margin verändere, wird die Lücke sofort breiter. text-indent hatte auch nichts geändert.

Wie bekomme ich die Lücke weg?

Lieben Dank,

Lars
Abgemeldet
27.01.10 - 16:17:07 Uhr

 Zwischen den <li>-Tags dürfen keine Leerzeichen sein.
Lars282
27.01.10 - 21:22:47 Uhr

 Wie dumm von mir . Danke!
stimmband
30.01.10 - 15:04:45 Uhr

 Ich benutze zum Abtrennen meist Kommentare, also:

  1.  
  2. <ul><!--  
  3.    --><li>element1</li><!--  
  4.    --><li>element2</li><!--  
  5. --></ul>  
  6.  


Manchmal funktioniert es auch, wenn du für UL und/oder LI zunächst die Schriftgröße auf "0" setzt, und dann für die inneren Elemente wieder hoch setzt.

Grüße
Seite: 1

- Obige Beiträge stellen keine Äußerung oder Meinung von Pytal oder dessen Betreiber dar -