[css] list img rechts van woord ipv links

[Verwijderd]

Hoi allen,

ik ben opzoek naar een stukje css stijl om het volgende te bereiken.
ik heb een unsorted list. alleen de list-style-image moet rechts uitlijnen van het menu item zoiets als dit:

ik heb het nu zo: http://www.microdesign.nl/nlm/

[Rekcor]

Check http://www.webmasterworld.com/forum83/7542.htm (reactie van createErrorMsg)

[Verwijderd]

dat werkt volgens mij niet.
want dan komt hij onder me tekst te staan. en dat is niet wat ik wil

[Rekcor]

Verwijderd schreef op maandag 10 september 2007 @ 12:58:
want dan komt hij onder me tekst te staan. en dat is niet wat ik wil

dat kun je toch regelen met de eigenschap padding-right?

[ Voor 62% gewijzigd door Rekcor op 10-09-2007 13:02 . Reden: verduidelijking ]

[BasieP]

Rekcor schreef op maandag 10 september 2007 @ 13:00:
dat kun je toch regelen met de eigenschap padding-right?

icm een background image en een margin-right

[Verwijderd]

ja maar dan staat hij bij de 1e goed en bij de andere scheef (er half onder)

[BasieP]

Verwijderd schreef op maandag 10 september 2007 @ 13:04:
ja maar dan staat hij bij de 1e goed en bij de andere scheef (er half onder)

waarom?

[Verwijderd]

kijk maar heb het nu doorgevoerd!

[BasieP]

als je dit bedoelt:

Cascading Stylesheet:

li.current{
    background:url(/nlm/images/menu.gif)  left top no-repeat; 
    padding:10px;
    color:#fbad3f;  
}

dan zou ik zeggen: ga de reacties nog eens lezen.
we hadden het over padding-right, margin-right, en een background image (logischer wijs rechts uitgelijnd)

Verder vroeg ik me af of je je website wel eens op 800x600 of 1024x768 hebt bekeken...

[Verwijderd]

nou met margin en padding-right krijg ik ook niet het gewenste resultaat!

[BtM909]

Het is eventueel een optie om

Cascading Stylesheet:

ul { direction: rtl; }

te gebruiken. De vraag is alleen of het semantisch genoeg is om het gebruik te verdedigen.

[BasieP]

BtM909 schreef op maandag 10 september 2007 @ 14:17:
Het is eventueel een optie om

Cascading Stylesheet:

ul { direction: rtl; }

te gebruiken. De vraag is alleen of het semantisch genoeg is om het gebruik te verdedigen.

dan staat de tekst tegen de rechter kant aan, hij wil zijn tekst links uitlijnen maar de bullet (of image) rechts ervan hebben.

dit soort dingen mag je in de Topic Reports zetten de volgende keer bvd.

Laat eerst maar zien dat het niet werkt, wij kunnen je niet echt helpen als we dat al niet weten

[ Voor 24% gewijzigd door XangadiX op 10-09-2007 19:06 ]

[Verwijderd]

ja als je nu kijkt zie je dat ik een padding-right hebt geprobeerd.
same story met margin
lukt echt niet!

[BasieP]

nou nog een schop in de goede richting.. en dan geef ik je op:

1:

BasieP schreef op maandag 10 september 2007 @ 13:01:
icm een background image en een margin-right

weet jij wat 'icm' betekent? (in het normaal nederlands, en ja het is een afkorting)


2:
WAAROM heb jij je 'background' de parameters (in je css file) gegeven die hij nu heeft?
voor de compleetheid: dat zijn momenteel deze:

Cascading Stylesheet:

background:url(/nlm/images/menu.gif)  left top no-repeat;

algemene tip:
ga eens iets meer inzet tonen. Het grote internet staat vol met handige sites over css. En met de handige zoekmachine google kan je heel specifiek zoeken naar bepaalde termen.

[ Voor 49% gewijzigd door BasieP op 10-09-2007 14:46 ]

[OkkE]

Hier is een simpel voorbeeldje - in 3 tellen gemaakt - van hoe je het zou kunnen doen; unsorted list met bullets rechts.

[ Voor 76% gewijzigd door XangadiX op 10-09-2007 19:01 ]

[Verwijderd]

OkkE schreef op maandag 10 september 2007 @ 15:18:
[...]


Hier is een simpel voorbeeldje - in 3 tellen gemaakt - van hoe je het zou kunnen doen; unsorted list met bullets rechts.

ja dit is dus het probleem zo heb ik hem al voor elkaar dat was inderdaat super simpel.
alleen moet hij direct na de laatste letter komen. dus:

code:

menu item -
menu item -
    menu item -
    menu item -
    menu item -
menu item -
menu item -
menu item -
menu item -

en niet


menu item        -
menu item        -
    menu item    -
    menu item    -
    menu item    -
menu item        -
menu item        -
menu item        -
menu item        -

[ Voor 29% gewijzigd door XangadiX op 10-09-2007 19:01 ]

[OkkE]

Zolang je A element geen display:block; heeft, kan je dat doen door de background-image en padding-right op je A element te zetten, in plaats van op je LI.

Indien je A element wel een display:block heeft, kun je het oplossen door binnen je A een extra span op te nemen, en daar de background etc op te zetten.

-- edit --

Heb mijn eerdere voorbeeld even aangepast.

[ Voor 16% gewijzigd door OkkE op 10-09-2007 15:28 ]

[Swaptor]

Hoe?

Never mind. Iets met spuit11 en te laat zijn.

offtopic:
Edit2: BasieP, je bent een man naar mijn hart wat betreft de "ontwikkelingssamenwerking"!

[ Voor 76% gewijzigd door Swaptor op 10-09-2007 15:28 ]

[Verwijderd]

OkkE schreef op maandag 10 september 2007 @ 15:24:
Zolang je A element geen display:block; heeft, kan je dat doen door de background-image en padding-right op je A element te zetten, in plaats van op je LI.

Indien je A element wel een display:block heeft, kun je het oplossen door binnen je A een extra span op te nemen, en daar de background etc op te zetten.

-- edit --

Heb mijn eerdere voorbeeld even aangepast.

many thanks!
echer bent ik niet 100% sure of dit voor mij gaat werken omdat hij nu ook aan de subitems dat logo geeft. maar dat is een menu opbouw probleem en geen css

dit is iig de oplossing heel wat handiger dan die bas die mij probeert te leren hoe dit werkt..
nu heb ik het ook geleerd alleen een stuk sneller. thanks!

[BasieP]

Verwijderd schreef op maandag 10 september 2007 @ 15:40:
dit is iig de oplossing heel wat handiger dan die bas die mij probeert te leren hoe dit werkt..
nu heb ik het ook geleerd alleen een stuk sneller. thanks!

wat jij wil schat

* BasieP wacht wel op je volgende topic

[Verwijderd]

i'll be back!

[OkkE]

Verwijderd schreef op maandag 10 september 2007 @ 15:40:
[...]

many thanks!
echer bent ik niet 100% sure of dit voor mij gaat werken omdat hij nu ook aan de subitems dat logo geeft. maar dat is een menu opbouw probleem en geen css

Hiermee zet je de background van A elementen in sub (en sub-sub) menu's op 'none'.

Cascading Stylesheet:

ul ul li a { background:none; }

[XangadiX]

Modbreak:

voor zij die hun posts niet meer zien, ik heb deze thread ontdaan van alle trolls en flames

... het lijkt er op dat we hier een verzameling wannabee mods gevonden hebben . Ik geef meteen toe dat de TS wat zwak is, maar dat wil nog niet zeggen dat we elkaar maar meteen moeten gaan flamen. Dus laten we het ontopic houden, anders moet ik weer die hele thread gaan doorwieden en de trolls en flames er uit halen. Bij voorbaat dank.

[ Voor 16% gewijzigd door XangadiX op 10-09-2007 19:05 ]

[BtM909]

BasieP schreef op maandag 10 september 2007 @ 14:26:
[...]

dan staat de tekst tegen de rechter kant aan, hij wil zijn tekst links uitlijnen maar de bullet (of image) rechts ervan hebben.

Dus Nog nooit gehoord van float: left? Het is ook niet de bedoeling dat alles wordt uitgekauwd...