Horizontale Linie in ungeordneter Liste
0 0 
at
Horizontale Linie in ungeordneter Liste
Hallo,
ich möchte ein Menü (ungeordnete Liste) mit Seperatoren gestalten. Es soll prinzipiell so aussehen:
Link 1
-----------------
Link 2
-----------------
Link 3
-----------------
Link 4
Die gestrichelten Linien sollen die Seperatoren darstellen, die ich mittels <hr /> realisieren möchte, ALLERDINGS wird die Darstellung im IE dadurch total seltsam: die Höhe der <li> bzw. <a>-Bereiche ist deutlich größer als in allen anderen Browsern!!! Warum ist das so, wie kann ich das verhindern? Gibt es andere sinnvolle (semantische) Lösungen für solche Seperatoren?
<ul>
<li><a href="" title="">Link 1 </a></li>
<li><hr /></li>
<li><a href="" title="">Link 2 </a></li>
<li><hr /></li>
<li><a href="" title="">Link 3 </a></li>
<li><hr /></li>
<li><a href="" title="">Link 4 </a></li>
</ul>
ul { margin: 0; padding:0; list-style-type:none; }
li { margin:0; padding:0; }
li a { display:block; padding:2px; background:#ddd; width:99%; }
li hr { height:1px; border:0; color:#333; background:#333; margin:0; padding:0; }
-
Hallo,
Vielleicht könntest Du den Listenpunkten einen border-bottom spendieren?
mfG
Ulrich-
Hallo.
Vielleicht könntest Du den Listenpunkten einen border-bottom spendieren?
Das wäre schon wegen der Semantik zu begrüßen.
MfG, at
-