✔ CSS Navigationsmenü: Li Punkte entfernen

[Teufelskerl1977]

Bei dieser Seite: Klick möchte ich eine CSS-Navigation nutzen.

Leider befinden sich vor den Buttons Aufzählungspunkte wenn ich die Seite mit FF2 oder IE7 betrachte. Im IE6 sind die nicht da. Wie kann ich die denn wegbekommen? Beim IE6 ist die Navi nämlich mittig (im Div left) und das soll sie hier auch im IE7 und FF2 sein.

#menu {
width: 200px;
border-size: 1px;
}

#menu li a {
height: 32px;
voice-family: "\"}\"";
voice-family: inherit;
height: 24px;
text-decoration: none;
}

#menu li a:link, #menu li a:visited {
color: #ffffff;
display: block;
background: url(../images/menu1.gif);
padding: 8px 0 0 10px;
}

#menu li a:hover {
color: #000000;
background: url(../images/menu1.gif) 0 -32px;
padding: 8px 0 0 10px;
}

#menu li a:active {
color: #000000;
background: url(../images/menu1.gif) 0 -64px;
padding: 8px 0 0 10px;
}

<ul id="menu">
<li><a href="#">Startseite</a></li>
<li><a href="#">Diagnostik</a></li>
<li><a href="#">Therapie</a></li>
<li><a href="#">Einblicke</a></li>
<li><a href="#">Ausblicke</a></li>
<li><a href="#">Links</a></li>
<li><a href="#">Kontakt</a></li>
<li><a href="#">Impressum</a></li>
</ul>

 

[Maik]

Hi,

mit list-style-type:none im Selektor #menu wird das Bulletzeichen ausgeschaltet.

 

[Teufelskerl1977]

Ok das haste mal wieder recht.
Jetzt frage ich mich aber, warum das Menü nicht nach link rutscht. IM IE6 stehen die Button mittig zum Button mit Navigationsmenü drauf. Warum macht er das im IE7 und FF2 nicht?

 

[Maik]

Wenn das Menü weiter links ausgerichtet werden soll, müssen wohl noch die Polsterungseigenschaften des Listenelements auf null zurückgesetzt werden:

#menu {
width: 200px;
border-size: 1px;
list-style-type:none;
margin:0;
padding:0;
}

 

[Teufelskerl1977]

Hatte ich eben auch noch bemerkt, aber du warst wieder zu schnell für mich.

Danke für die Hilfe zum 557. mal *g*