positie afb. ul

[Frenske123]

Hallo,


IK voeg een afb. toe aan een lijst (ul)
in de praktijk staat de afb. hoger dan de tekst (li)
heb wat geëxperimenteerd met position maar krijg de afb, niet lager (of beter , in het midden van de tekst hoogte)


ul.eigenschappen
{
list-style-image: url(voorbeeld.gif);

}

 

[csshunter]

Hoi Frenske,
Ah, dat is de background-position (eerst hor., dan vert.), maar ik doe het altijd in de <li> zelf, dat geeft minder cross-browser soesa:

ul {
    list-style: none;
    margin: 0;
    padding: 0;
    }
li {
    margin: 0;
    padding: 0 0 0 25px; /* bij img van bv. 20px breed */
    [COLOR="DarkRed"]background: url(voorbeeld.gif) no-repeat 0 50%;[/COLOR]
    }

Soms komt ie zo net niet in het midden, dan geef je 'm een procentje meer of minder.
Op deze manier kan je een list-img ook aan de rechterkant van het item zetten (bv. voor aangeven van de actuele pagina) (of zelfs ogenschijnlijk er helemaal naast).

• Desgewenst meer over bg-positie: De patrijspoort-theorie.

Met vriendelijke groet,
CSShunter

O ja,
Mocht een list-item over twee regels (kunnen) gaan, dan komt ie op deze manier midden tussen de regels uit. Om dat te vermijden moet je wat piegelen met een "absolute relatieve" afstand van bovenaf gerekend:
background: url(voorbeeld.gif) no-repeat 0 0.321em;
of zoiets: uitproberen bij verschillende lettergrootten (hier toegepast op de catbullet.gif).

 

[Frenske123]

Ik zal het nog eens goed bekijken,,bedankt :thumb:

Dus waarschijnlijk geen img positie mogelijk vanuit de UL selector...