[css] background-image met wordwrap

[joopst]

Met css plaats ik achter elke link een plaatje op de volgende manier

code:

    a {
        padding: 0px 14px 0px 0px;
        background: url("../images/greyblue/right-light.png") no-repeat center right;
        }

Dit komt er als volgt uit te zien:


Dit werkt goed, todat een link zo lang is dat deze overloopt op de volgende regel.
Dan komt dit er in IE als volgt uit te zien:



Ik heb geprobeerd om verticaal op top en bottom te alignen, maar dan ziet het er nog steeds verneukt uit ..

Weet iemand hoe ik dit het beste op kan lossen ?


alvast bedankt

[Sappie]

Moet het achtergrondplaatje dan achter "development" komen staan of gewoon altijd aan de rechterkant in het midden (verticaal)?

Case "achter development": Plaats een img in je <a>.

Case "altijd rechterkant midden": geef je a eens display: block; (je moet dan echter ook een width opgeven)

[ Voor 73% gewijzigd door Sappie op 28-04-2005 11:47 ]

[Verwijderd]

:after is je vriend (behalve in IE, dan ontkom je gewoon niet aan een <img>, eventueel via script erin gestopt)

[joopst]

Mozilla rendert het plaatje met deze css achter development ..

In principe maakt het mij niet zoveel uit waar het plaatje komt te staan .. midden rechts of achter development is beide een flinke verbetering.

[joopst]

met display block is het ook niet zo goed te doen .. omdat ik programmatically niet kan meten hoe breed ie moet worden.

een plaatje erin zetten kan ook natuurlijk .. maar ik vond het net zo leuk om het via css te doen. Dan kan ik ook makkelijk andere kleuren pijltjes erin doen op andere delen van de site ..

bedankt iig voor het meedenken

[Verwijderd]

misschien een id voor makkelijk andere kleurtjes pijlen:

maak een gif die helemaal grijs is (je achtergrondkleur) en maak je pijltje transparant
stel vervolgens met css de background-color van die img in

[joopst]

Ik heb het opgelost door in de a een div te plaatsen met het plaatje als achtergrond.

dan wordt de positionering door IE en moz hetzelfde gedaan. En ik kan in de css regelen welk plaatje ik wil.

bedankt sappie voor de tip van het plaatje in de a .. dat heeft me flink op weg geholpen.


peace