[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

XML-Code:

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

dieses

XML-Code:

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

ergibt ja eigentlich jenes

XML-Code:

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

[Meflin]

Zitat:

Zitat von jfheins

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

Jupp.

Zitat:

Zitat von himitsu

Eventuell ein Leerzeichen?
ich würde es umindestens mal so probieren

XML-Code:

[*]...</li><li>...</li>

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

[himitsu]

XML-Code:

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

:mrgreen:

[Meflin]

Das hier geht auch :stupid:

Code:

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