[Xavier]

Hi!

Wenn ich mit display: inline; (Liste, versteht sich) ein horizontales Menü machen möchte, kommt immer ein Zwischenraum zwischen den einzelnen Menüpunkten, wenn die li Tags voneinander getrennt sind (Leerzeichen oder neue Zeile).
Auch mit * {margin: 0; padding: 0;} komme ich nicht weiter.
Kann doch nicht sein, dass man alles in eine Zeile schreiben muss...
Irgendwie kommt's mir so vor, als hätte ich darüber schon mal was gelesen, aber die Suche hat mir nicht geholfen (vielleicht falsche Suchbegriffe?).

Gruß Xavier

[fricca]

Zitat von Xavier

Kann doch nicht sein, dass man alles in eine Zeile schreiben muss...

Doch
Inline-Elemente verhalten sich wie "Wörter" - die werden ja auch durch ein Leerzeichen getrennt, wenn ein solches im Code vorkommt.
Du kannst die Leerzeichen durch Kommentare eliminieren:

[*]...<!--
-->[*]...

Grüße
fricca

[Xavier]

Sorry, jetzt ist's mir wieder eingefallen:

Die Lösung heißt float...

Bitte einfach igorieren

[edit]Danke für den Tip!

Ich habe jetzt einfach dem li Tags neben display: inline; noch ein float: left; gegeben und jetzt entstehen keine Zwischenräume. Jedenfalls nicht im FF und IE. Weitere Browser habe ich nicht getestet...[/edit]

[The Doc]

float gibt aber autom. ein display:block; deshalb kannst du dir das display:inline sparen.

[Xavier]

Stimmt, Danke!