Design made in Germany

Eine ganz kurze Frage... zu diesem Quelltext:

<td bgcolor="#F3F3F3" onMouseOver='this.style.background = "#FB2982";' onMouseOut='this.style.background = "#F3F3F3";' width="19%">

Wie fügt man hier noch ein, dass es bei Mouseover um 5px nach rechts verrutschen soll und bei Mouseout wieder in den Ursprungszustand?

Deutsches Design: Mouseover-Hilfe - dringend!

warum machst du das nicht einfach mit css?

td.wurst {
background: #f3f3f3;
width: 19%;
}

td.wurst:hover {
background: #fb2982;
margin: 0 5px 0 0;
}

<td class="wurst">

wie soll sich denn ne spalte beim mouseover verschieben ohne das sich das ganze layout zerschießt?

ich würde es mit nem DIV lösen:

CSS:

div.wurst {
background: #f3f3f3;
width: 19%;
}

div.wurst:hover {
background: #fb2982;
margin-left:5px;
}

HTML:

<div class="wurst">wurst</div>

genau, zerschiessen darfs halt nix. ich probier mal deine lösung jan. danke euch beiden.

:hover mag der internet explorer nur bei links, glaube ich. wenns ein link sein soll nimm display: block; sonst kannst du dem keine breite zuweisen.

Zumindest der IE7 hat kein Problem mit div:hover. Wie es mit dem IE6 aussieht, steht natürlich auf einem anderen Blatt.

du kannst auch ein a nehmen als box mit display: block; width: xy; height: xy;

<td bgcolor="#F3F3F3"
onMouseOver='this.style.background = "#FB2982";this.style.textIndent = "5px";'
onMouseOut='this.style.background = "#F3F3F3";this.style.textIndent = 0;'
width="19%">

und fertig. ist zwar ne ziemlich miese lösung, sollte aber funktionieren.
(also so verrutscht nur der Text in der <td> 5px, nach rechts... oder soll die ganze td verrutschen?)

Seitentitel: Mouseover-Hilfe - dringend!