ugrás a tartalomhoz

Internet Explorer, és a listaelemben lévő kép közötti felesleges margin.

MiniDisc · 2005. Okt. 7. (P), 19.01
A kérdésem az lenne, hogy létrehoztam egy linkelt képet listával, és az Internet Explorer állandóan hagy margint a képek között, hiába állítom be 2px-re, mindig 2-2 px többletet hagy fent, és lent. Ez ugye összesen 4 px.

Itt kísérletezek egy böngészőfüggetlen kép-menüvel, ami IE-ben Firefoxban, és Operában is jó, de az IE hibát nem tudom kiküszöbölni ...

http://www.minidiscweb.hu/teszt/index.html
 
1

<Nincs cím>

toro · 2005. Okt. 7. (P), 21.40
most kapsz gutautest!
a #menu ul definicioba tedd be: font-size:0px;
a #menu li img-be padding: 2px 0px 2px 0px;

valamiert az IE beleert egy default karaktermeretet a definiciokba. en egyszer egy div definicioval jatszadoztam 3 napig, mig kinomban ezt talaltam ki - bejott
3

line-height

Jano · 2005. Okt. 8. (Szo), 09.41
Line-height-t érdemesebb inkább piszkálni! Hely azért marad ott, mert a vonal magasság nagyobb mint a kép magassaga, másrészt pedig a kép az alapvonalra kerül a soron belül. Az alapvonal az a vonal amire a betűk alja kerül, kivéve a p, q és hasonló lelogó résszel rendelkező betűknél.

A font-size azért működhet, mert a line-height általában a font méretéhez képest relatívan számolódik.

Ha 2px-nyi rést szeretnél akkor margin:2px 0;-t allits! A padding: 2px 0; eseten 4px lesz a távolság, mert a paddingok nem olvadnak össze!

Képes menüt egyébként úgy is szoktak csinálni, hogy a képek CSS-ből kerülnek meghatározásra és a kódban alapból szöveg van.
4

<Nincs cím>

MiniDisc · 2005. Okt. 10. (H), 12.07
Jano: A line-height nem működik! Hiába állítottam bármilyen értékre, úgyanúgy margója maradt a képnek IE-ben. Viszont a font-size jó lett! :-)
5

vertical-align:bottom

Jano · 2005. Okt. 10. (H), 15.26
Állítsad a line-height-t a kép magasságával megegyezőre
ES
#menu img { vertical-align:bottom}
Így szerintem mennie kell.
2

<Nincs cím>

MiniDisc · 2005. Okt. 7. (P), 21.48
Köszönöm a sgítséget! Működik! Örök hála! Erre magamtól az életbe nem jöttem volna rá! Nagyon köszi mégegyszer!