Listen mit Bild (float:right)

[Michael]

Hallo,

ich habe eine UL mit LI-Elementen und rechts neben dem LI-Element jeweils ein .gif-Logo (unterschiedliche Höhe, ca. 20 px).

Problem: Bilder werden nicht rechtsbündig untereinander angezeigt, sondern verschoben, da (meine Vermutung) die Bilder unterschiedlich hoch sind und die Zeile aber lediglich eine feste Pixelhöhe (12 px) hat sowie ein padding.

Was muss ich machen, dass die Bilder rechtsbündig untereinander angezeigt werden, und die Zeilenhöhe entsprechend angepasst wird?

Bitte um Hilfe!

Hier der Code:
#rechts ul
{
 padding: 0;
 margin: 10px 0 10px 50px !important;
 position: relative;
}

#rechts li
{
 margin: 0;
 padding: 5px 0 5px 30px;
 font-weight: normal;
 list-style-type: square !important;
 font-size:12px;
}

#rechts li img
{
 float: right;
 border: 0;
 border: none;
}

[Zeromancer]

Hallo Michael,

ich habe eine UL mit LI-Elementen und rechts neben dem LI-Element jeweils ein .gif-Logo (unterschiedliche Höhe, ca. 20 px).
Problem: Bilder werden nicht rechtsbündig untereinander angezeigt, sondern verschoben, da (meine Vermutung) die Bilder unterschiedlich hoch sind und die Zeile aber lediglich eine feste Pixelhöhe (12 px) hat sowie ein padding.

kannst du den li-Elementen keine Hintergrundbilder bzw. eigene Listenpunkte zuweisen?

Mit freundlichen Grüßen,
André