[CSS] Afbeelding bij een list-item

[mcdronkz]

Ik ben bezig met een menu (uiteraard een list) die ik graag een extra afbeelding wil meegeven. Nu krijg ik dus met geen mogelijkheid dat streepje daar (een afbeelding van 10px breed en 50px lang oid.) omdat m'n listitem nou eenmaal niet zo groot is. Als ik de height van de LI op 100px zet haalt het ook niks uit. Als ik de list zelf op 100px height zet krijg ik uiteraard ook niet het gewenste resultaat, omdat het bij een list item moet zijn. Kan iemand me vertellen hoe ik dat balkje wel op de gewenste manier eronder krijg ?

Het moet zo worden:



Ik heb nu dus alles, behalve dat balkje.

[Rowanov]

De li hoger maken en het gehele gele ding, met border en al, als achtergrond plaatje gebruiken.

[tec]

beter nog:

de li hoger maken en het gele button blokje de <a> maken en de background images alleen dat balkje.

[disjfa]

Ik zou niet het hele ding als achtergrond plaatje maken maar de li geel maken en als achtergrond het balkje eronder. Dat met een padding erop geeft ook dit resultaat. Alleen dan kan je text breder worden zonder aanpassing van het plaatje