Ha linkeknél szöveg helyett kép van, akkor rés keletkezik a képek között (XHTML)
Hali!
Egy elég idegesítő dolgot fedeztem fel, miközben életem első XHTML oldalát csináltam.
A kereteket border: none-nal eltüntetem. Így HTML4 esetén a képek között rés keletkezik. Viszont, ha az összes linket egy sorba rendezem, akkor a rés eltűnik. Gondoltam, ez XHTML esetén is így van, de tévedtem, a rés megmarad.
Na de akkor hogyan lehet eltüntetni a réseket? (Most position: relative; top: -...px-ellel oldottam meg, de ez elég gány megoldás.)
■ Egy elég idegesítő dolgot fedeztem fel, miközben életem első XHTML oldalát csináltam.
<a href=""><img src="/valami.gif" /></a>
<a href=""><img src="/valami.gif" /></a>
<a href=""><img src="/valami.gif" /></a>
<a href=""><img src="/valami.gif" /></a>
<a href=""><img src="/valami.gif" /></a>
A kereteket border: none-nal eltüntetem. Így HTML4 esetén a képek között rés keletkezik. Viszont, ha az összes linket egy sorba rendezem, akkor a rés eltűnik. Gondoltam, ez XHTML esetén is így van, de tévedtem, a rés megmarad.
Na de akkor hogyan lehet eltüntetni a réseket? (Most position: relative; top: -...px-ellel oldottam meg, de ez elég gány megoldás.)
vertical-align:bottom
Bővebben a jelenség leírása:
Images, Tables, and Mysterious Gaps
Ez kellett