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:
  1. 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:
  1. <ul id="akt">  
  2. <li>Egy</li>  
  3. <li>Kettő</li>  
  4. </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