Skift background ved onmouseover

<div ... onmouseover="this.style.backgroundImage='url(gfx/side_over.gif)';" onmouseout="this.style.backgroundImage='url(gfx/side.gif)';">

Tak, men hvorfor vil den så ikke lave den til "width: 100%" ?

<table cellpadding="0" cellspacing="0" width="721">
    <tr>
        <td width="175" style="background-image: url(gfx/side.gif);" height="325">
         
<div id="info" style="width: 175px; background-image: url(gfx/side.gif);"  onmouseover="this.style.backgroundImage='url(gfx/side_over.gif)';" onmouseout="this.style.backgroundImage='url(gfx/side.gif)';">
INFO HER
</div>
        </td>
        <td width="470" height="325">
          her noget andet
        </td>
    </tr>
</table>

Et background-image har den bredde,det har fra fødslen og skaleres ikke !-)

Bare underligt når min side_over.gif er over 300px lang :)?

Så forstår jeg ikke problemet, kan du prøve at vise det med et link ?-)

Har desværre ikke lagt den op endnu, men smed svar og jeg må takke endnu en gang!

Tænkte på! - Tager W3 imod hvis man skriver 130%, for så fylder den lige pludselig min div ud :)

Der er ingen problemer i at angive størrelser, som er større end det omkransende element, men er du sikker på, at din grafikstump ikke indeholder ligegyldig luft i siden ?-)

<div id="10nyeste" style="width: 130%;" class="overskrift">Information</div>

Og i CSS:

.overskrift {
letter-spacing: -1pt;
font-family: Arial;
font-weight: bold;
font-size: 20px;
width: 100%;
border-top: 1px solid #B3B7BC;
border-bottom: 1px solid #B3B7BC;
background-image: url("gfx/side_over.gif");
}

Tjah, så vil style-reglen i klassen jo blive undertrykt af den inline style-bredde ...

-- iøvrigt er et id, som starter med et tal ulovligt !-)

-- og det er ikke smart at bruge enheden pt i stylesheets, som skal bruges på skærm, for nogle browsere er så frække at de tager det bogstaveligt, mens andre oversætter det til ca. det halve ...

men sig mig, hvorfor vil den ikke lave højden til 100% i FireFox? Det virker fint i IE?

<table cellpadding="0" style="height: 100%;" cellspacing="0" width="721">
    <tr>
        <td width="212" vAlign="top" style="background-image: url(gfx/side.gif); height: 100%;">

og har i style body { height: 100%; }

Har du også højden til 100% på html-elementet (og bruger du et fuldt kvalificeret doctype-element inklusive dtd-link ?-)

Jeps, men har fixet :) Smider du lige ét svar!

Oki '-)

Tak for point ;~}