bg billede skift ved mouseover men text skal blive

<td onMouseOver="this.style.background='';document.images['bld'].src='gfx/menu/aktiv.gif'" onmouseout="this.style.background='';document.images['bld'].src='gfx/menu/passiv.gif'" style="position:relative;text-align:center;vertical-align:middle;width:100px;height:100px;"><img src="gfx/menu/passiv.gif" name='bld' style="position:absolute;top:0px;left:0px;width:100px;height:100px;z-index:-1;">Her er en tekst, som ligger ovenpå</td>

Bemærk, at du skal sætte størrelsen på cellen, for at den har samme størrelse som billedet !-)

Mit tip er
La' vær' at bruge javascript og la' vær at bruge td:

css:
.menu-button {
    display:block;
    width:100px;
    heigth:100px;
    background:url(gfx/menu/passiv.gif) no-repeat;
}
.menu-button:hover {
    background-image:url(gfx/menu/aktiv.gif);
}

html:
<a href="menu-link.blabla" class="menu-button"> tekst </a>

Gode svar begge to, jeg kan bruge dem og der er points til jer begge.

Jeg kan bedst lide knudx svar ,da det er det simpleste, men der er også en bug i outputtet. Teksten forbliver i toppen af cellen! Det er skidt.

Koden:
<td colspan="2" align="center" height="32px" valign="middle"><a href="default.asp" class="menu-button" style="vertical-align: middle;">HOME</a></td>


css kode:
.menu-button {
    display:block;
    width:178px;
    height: 32px;
    background:url(gfx/menu/passiv.gif) no-repeat;
    text-align: center;
    vertical-align: middle;
}
.menu-button:hover {
    background-image:url(gfx/menu/aktiv.gif);
}

Så knudx hvis du vil have points må du lige finpusse koden mere :) men jeg kan li' koden.

roenving post et svar.

SkjoldP

>>knudx

-- du glemte at tilføje: La' vær' at bruge almindelige mennesker ...

Uanset årsagen er det en kendsgerning, at 80% af dem som surfer bruger Internet Explorer, som kun forstår :hover på links !-)

-- og SkjoldP, jeg ville da også ønske at man i alvorlig web-udvikling kunne bruge CSS2 fuldt ud, som faktisk er det knudx foreslår; men når der nu ikke findes en browser, som understøtter det, er det lidt omsonst at tage det som udgangspunkt ...

I de almindeligste hjørner understøtter IE ikke, men i en masse andre hjørner er det Mozilla, Konqueror osv. som ikke understøtter, så bevidstløst kan man desværre ikke bruge alle de smarte ting !o]

Els velbekomme '-)

-- og tak for point ;~}