CSS - XHTML Positie List icon - Softwareontwikkeling

dinsdag 8 augustus 2006 16:24

Acties:

Verwijderd

Topicstarter

Ik heb hier al enige tijd naar gegoogled maar heb nog geen degelijk antwoord gevonden, daarom probeer ik het hier maar.

Is het mogelijk om bij een html list het list icoon rechts van de list uit te lijnen?

dinsdag 8 augustus 2006 16:32

Acties:

Verwijderd

Verwijderd schreef op dinsdag 08 augustus 2006 @ 16:24:
Is het mogelijk om bij een html list het list icoon rechts van de list uit te lijnen?

Misschien kun je iets doen met het dir-attribuut?

HTML:

1
2
3

<html dir="RTL">
[...]
</html>

dinsdag 8 augustus 2006 16:32

Acties:

André

Analytics dude

Je kunt het met een truc doen:

Cascading Stylesheet:

1	li { direction: rtl; }

Maar eigenlijk zou ik het met een achtergrondplaatje op de li doen.

dinsdag 8 augustus 2006 16:38

Acties:

Verwijderd

Topicstarter

Cascading Stylesheet:

1	li { direction: rtl; }

Blijkt te werken.

Waarom zou je aanraden van het met een achtergrondplaatje te doen André?

[ Voor 13% gewijzigd door Verwijderd op 08-08-2006 16:39 ]

woensdag 9 augustus 2006 13:44

Acties:

Rowanov

Kop eens wat anders...

Omdat bullets gebukt gaan onder de interpretatie van de browser. Daar bedoel ik mee dat in elke browser de bullets er anders uit kunnen zien en dat het standaard gedrag van bullets, zoals het binnen of buiten de lijst vertonen, per browser verschilt. Daar moet je dan wel in je styling rekening mee houden.

Bottom line: met een achtergrondplaatje ziet het er dus in elke browser hetzelfde uit en werkt het een stuk makkelijker

woensdag 9 augustus 2006 14:27

Acties:

André

Analytics dude

Dat is wat ik bedoel ja

Dus op deze manier:

Cascading Stylesheet:

1	li { background: url(bla.gif) top right no-repeat; }

woensdag 9 augustus 2006 14:31

Acties:

DexterDee

I doubt, therefore I might be

Als je een custom image gebruikt als bullet, vergeet dan niet de originele bullet te verbergen door in de CSS class van de <ul> de property list-style-type: none; mee te geven

Klik hier om mij een DM te sturen • 3245 WP op ZW