CSS overlay

[anoniem]

Ik heb deze code gebruikt [code:1:b48ad664af]<style type="text/css"> .flash a { display : block; width : 15px; height: 14px; } .flash a:hover { display : block; background-position : 0 -15px; } .flash a { background : url(home.gif); } <table> <tr> <td width="33%" class="flash"><a href="blaat"></a></td> </tr> </table> </style>[/code:1:b48ad664af] Het plaatje is 15x28. Maar in html is het plaatje echt langer (je zit meteen al het odnerste van het plaatje). [url=http://jochem.elixant.com/smsnews/test.html]Wat klopt er niet[/url] :-?

[anoniem]

Ziet er goed uit bij mij. Oh, wacht in IE gaat het niet goed. Zeg dat dan meteen ;) Ik heb geen idee waarom het werkt, maar zet 'line-height:0px;' in je '.flash a' rule en zet &nbsp; in je link.

[anoniem]

het werkt :D [code:1:d3aa2604e9]<style type="text/css"> .flash a { display : block; width : 15px; height: 14px; line-height:0px } .flash a:hover { display : block; background-position : 0 -15px; } .flash a { background : url(home.gif); } </style> <table> <tr> <td width="33%" class="flash"><a href="http://www.jochem.elixant.com/dcc/flashseeker.php">&nbsp</a></td> </tr> </table>[/code:1:d3aa2604e9] (Alleen een gek blauw streepje links van het plaatje)