CSS-basierte Navigationsleisten, Abstand zwischen den LI's

[TopperHarley]

Hallo,

in dem Beispiel zu den horizontalen Navigationsleisten (http://de.selfhtml.org/css/layouts/navigationsleisten.htm#horizontal) komme ich an einer Stelle nicht klar.
Ich würde gerne den Abstand zwischen den "Buttons" entfernen, bzw. auf Null setzen. Leider gelingt mir es nicht.

Wenn ich bei

ul#Navigation li {
    list-style: none;
    display: inline;
    margin: 0.4em; padding: 0;
}

margin: 0em; setze, verringert sich zwar der Abstand, aber Null wird er trotzdem nicht.

Woran kann das liegen? Muss ich diesen Abstand irgendwo anders ändern?

Schöne Grüße
Topper

[Gunnar Bittersmann]

Hello out there!

Wenn ich bei

ul#Navigation li {
    list-style: none;
    display: inline;
    margin: 0.4em; padding: 0;
}

margin: 0em; setze, verringert sich zwar der Abstand, aber Null wird er trotzdem nicht.

Ich vermute, du hast Textknoten mit Whitespace zwischen den 'li'-Elementen?

See ya up the road,
Gunnar

[TopperHarley]

Hello out there!

Wenn ich bei

ul#Navigation li {
    list-style: none;
    display: inline;
    margin: 0.4em; padding: 0;
}

margin: 0em; setze, verringert sich zwar der Abstand, aber Null wird er trotzdem nicht.

Ich vermute, du hast Textknoten mit Whitespace zwischen den 'li'-Elementen?

See ya up the road,
Gunnar

Year Gunnar :-)

nein, habe ich nicht.

siehe:

<ul id="Navigation">
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
</ul>

Bei dem Originalbeispiel von selfhtml (siehe link oben) bekomme ich es auch nicht hin.

Gruß
Topper

[Gunnar Bittersmann]

Hello out there!

Ich vermute, du hast Textknoten mit Whitespace zwischen den 'li'-Elementen?

nein, habe ich nicht.

siehe:

<ul id="Navigation">
    <li><a href="#">1</a></li>
    <li><a href="#">2</a></li>
    <li><a href="#">3</a></li>
</ul>

Siehe da: hast du doch. Firefox’ DOM-Inspector wird es dir bestätigen.

See ya up the road,
Gunnar

PS: Sei bitte kein Vollquottel!