[CSS] Spacing bei Inline-Listenelementen entfernen

[Meflin]

Moin moin!

Wenn man z.B. so eine Liste erstellt:

Code:

<ul>[*]...[*]...[/list]

und dann die Listenelemente mittels

Code:

display: inline;

neben- statt untereinander platziert, bleibt selbst nach setzen aller margins/paddings/border auf 0 zwischen den Listenelementen ein freier Raum (IE8 und FF3). Den kann man zwar mittels

Code:

margin: 0 0 0 -4px;

wegbekommen, das scheint mir aber eine eher unsaubere Lösung zu sein.

Die Frage ist: wo kommt der her, wie bekommt man ihn weg?

[jfheins]

Hast du die Liste mit list-style:none; deklariert?

[himitsu]

Eventuell ein Leerzeichen?

ich würde es zumindestens mal so probieren
[*]...[*]...
dieses
[*]...[*]... ergibt ja eigentlich jenes
[*]...[*]...

[Meflin]

Zitat von jfheins:

Hast du die Liste mit list-style:none; deklariert?

Jupp.

Zitat von himitsu:

Eventuell ein Leerzeichen?
ich würde es umindestens mal so probieren
[*]...</li><li>...</li>

Das funktioniert tatsächlich. Gibt aber ziemlich hässliches Markup

[himitsu]

XML-Code:

[*]
  ...[*]
  ...[*]
  ...

[Meflin]

Das hier geht auch

Code:

<ul><!--
  -->[*]...<!--
  -->[*]...<!--
  -->[*]...[/list]