Internet Explorer, és a listaelemben lévő kép közötti felesleges margin.
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
■ 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
<Nincs cím>
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
line-height
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.
<Nincs cím>
vertical-align:bottom
ES
#menu img { vertical-align:bottom}
Így szerintem mennie kell.
<Nincs cím>