Liste rechtsbündig

[Valentin Wirth]

Hallo Selfhtmler,

Ist es möglich eine Liste rechtsbündig mit CSS oder HTML zu setzen, so dass die Listenpunkte auch auf der rechten Seite stehen?

Beispiel:

testtext *
      text *
   nochwas *
        so *

mfg Valentin

[Jeena Paradies]

Hallo,

testtext *
      text *
   nochwas *
        so *

Ich glaube nicht direkt, aber du könntest folgendes machen:

Ein Bilchen das so aussieht wie so ein Listenpunkt in deinem Grafikprogramm machen.
dann folgendes CSS verwenden

ul { text-align: right; }
li { background: url(bildchen.png) 50% 100%; padding-right: 50px;}

Beim padding musst du halt so viel machen wie breit dein Bildchen ist + Abstand zum Text.

Grüße
Jeena Paradies

[MudGuard]

Hi,

Ist es möglich eine Liste rechtsbündig mit CSS oder HTML zu setzen, so dass die Listenpunkte auch auf der rechten Seite stehen?

im CSS:

ul#rtl { direction:rtl; padding-right:0.5em; margin-right:0.5em; }

im HTML:

<ul id="rtl">
  <li>bla</li>
  <li>blubb</li>
</ul>

das padding-right/margin-right ist notwendig, damit in allen Browsern die Punkte sichtbar sind, aber der rechte Abstand nicht zu groß ist.
Ggf. noch etwas mit den Werten rumspielen.

cu,
Andreas