Problem bei Liste mit Zeilenabstand

[björn]

Hi,
ich hab folgende Liste definiert:

<ul style="line-height:14pt; list-style-image:url(images/file.jpg)">
   <li>....</li>
   <li>....</li>
   <li>....</li>
</ul>

Das Prolem ist, das durch die geänderte Zeilenhöhe die Listen-Grafik  nicht mehr auf selber Höhe wie der Text ist.
Wenn man den Zeilenabstand erhöht, verändert sich nur der abstand zwischen den Textzeilen. Der Abstand zwischen den Grafiken ändert sich zwar auch, aber nicht so stark.
Wie bekomm ich das in den Griff ?

thx
.b

[Jan H.]

Hallo,

<ul style="line-height:14pt; list-style-image:url(images/file.jpg)">
   <li>....</li>
   <li>....</li>
   <li>....</li>
</ul>

Statt mit line-height:...; könntest du die abstände zwischen den listenpunkten mit margin/padding festlegen.

Gruss, Jan aus Dresden

[björn]

hi

Statt mit line-height:...; könntest du die abstände zwischen den listenpunkten mit margin/padding festlegen.

Gruss, Jan aus Dresden

öhm, wie soll das dann aussehen ?

so in etwa:
<ul style="margin-bottom:10px;">

Geht nämlich leider nicht.

Oder wie wär da die korrekte Syntax ?

thx schonmal
.b

[Jan H.]

Hallo,

<ul style="margin-bottom:10px;">

Du willst doch die abstände zwischen den listenpunkten festlegen also solltest du auch die entsprechenden <li> elemente formatieren.
Was du gemacht hast, ist dem <ul> element einen unteren aussenabstand von 10px zu geben.
Es wäre sinnvoll dass dann auch nicht mit inlinestyles sondern mit einem blockstyle, global zu tun:
li {...}

Gruss, Jan aus Dresden