ugrás a tartalomhoz

CSS-ben beállított egyedi <LI> el van csúszva a szöveghez képest

Anonymous · 2006. Ápr. 27. (Cs), 16.04
Kód:
ul#akt { padding-right: 0px; padding-left: 20px; list-style-image: url(dot.png); padding-bottom: 0px; margin: 3px 0px 10px; padding-top: 0px }
HTML:

<ul id="akt">
<li>Egy</li>
<li>Kettő</li>
</ul>
Probléma:
A szöveg dot.png-hez képest el van csúszva, a szöveg lentebb van mint a dot.png. Mi a megoldás?
‹ Űrlap mezők egymás alá rendezése CSS-sel Két div egymás mellett ›
 ■
1

LI margó, padding?

Poetro · 2006. Ápr. 27. (Cs), 16.35
Mi az LI elem padding illetve margin értéke?
2

Háttér

Jano · 2006. Ápr. 27. (Cs), 16.55
A böngészők nem egységesen kezelik a lista jelölőnek berakott kép pozicionálását. Van amelyik az alapvonalhoz igazítja, van amelyik máshgy csinálja. Első lehetőség, hogy a dot.png képet egy kicsit kiegészíted és alul vagy felül átlátszó (vagy a háttérhez illeszkedő) pixeleket adsz.

Másik lehetőség, hogy teljesen leveszed a jelölőket és az LI-nek adod meg háttérképként a dot.png-t. Itt már pixel pontosan tudod pozicionálni a háttérpozicionálás segítségével.

Ha listát szabsz testre, mindig szükség van mind az ul mind az li padding es margo allitasara mert böngészők eltérő alapbeállításokat használnak.
3

kód

Anonymous · 2006. Ápr. 27. (Cs), 17.15
tudnál adni egy működő kódót, valahol elrontottam és nemjó. köszönöm.
4

Linkek

Jano · 2006. Ápr. 27. (Cs), 17.20