06. maj 2004 - 12:45
Der er
2 kommentarer og
1 løsning
Hvordan ændre jeg billed i en celle på "hover"
Hej, jeg har lidt problemer med at få en celle til at ændre baggrundsbilled når man ruller over den.
Jeg kan indtil videre få bg billedt vist men kan altså ikke få billedet til at ændre sig når musen ruller over?
min kode i stylesheetet ser således ud:
.almWhiteButtom {
display: block;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: Bold;
color: #ffffff;
background-image: url(images/test/menu_knap.jpg);
margin: 0;
}
.almWhiteButtom:hover {
background-image: url(images/test/menu_knap_hover.gif);
}
Men jeg kan da godt løfte sløret:
-- denne del af css-rekommendationen er ikke implementeret på ret mange browsere, når bortses fra links ...
-- og på almindelig dænsg: Få fat i en browser, som ikke er produceret af M$, hvis du vil have en chance for at bruge :hover på andet end a-tags ...
-- eller brug en af to andre alternativer, hvis du koder til den virkelige verden:
Med css:
Lav links i cellen, som du kan lave :hover på (de skal så have dispaly:block; også !-)
eller med java script:
<td class="almWhiteButtom" onmouseover="this.style.backgroundImage='url(images/test/menu_knap_hover.gif)';" onmouseout="this.style.backgroundImage='url(images/test/menu_knap.gif)';">
PS! Jeg kunne ikke undgå at undre over din måde at navngive på ...
Usual hvid knap (eller mener du bagdel ?-)
Et navngivningsskema bør hænge sammen og ikke sætte sig mellem 3-4 stole ...
-- og en tommelfingerregel er at man ikke blander begrebsniveauer sammen, så man f.eks. ikke bruger et sprog til noget, men et andet til noget andet, specielt ikke, hvis det er i samme navn !-)
-- ligeledes bør man ikke bruge first og sidste, eller Afyrre B50, hvorimod A38/youghurt kan have en dyb indre sammenhæng ...
Endvidere kan navngivning jo blive lidt ufrivillig sjov, når der også er tavetosser indblandet ...
Min første tanke, da jeg så klasse-navnet i ovenstående var da også, at almindelige hvide bagdele er særdeles aktuelle her i starten af badesæsonen !-)
-- men jeg ville da anbefale at bruge stdWhiteButton (standard white button, normal hvid knap) eller måske stdWhiteBottom (standard hvid nederst -- det kan også betyde bagdel !-))
