Hallo,
ich möchte ein Menü (ungeordnete Liste) mit Seperatoren gestalten. Es soll prinzipiell so aussehen:
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?
ich möchte ein Menü (ungeordnete Liste) mit Seperatoren gestalten. Es soll prinzipiell so aussehen:
PHP-Code:
Link 1
-----------------
Link 2
-----------------
Link 3
-----------------
Link 4
PHP-Code:
<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>
PHP-Code:
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; }
Kommentar