Mouseover med baggrundsbilledet i TD...

http://www.peterelkjaer.dk/exp/css.html - godt nok ikke javascript men blot css.

Jeg har ændret det ned til sådan her... i mit stylesheet..

.menutabel { background-image:url(menubund.jpg) }
.menutabel a:hover { background-image:url(menubun2.jpg) }

burde være ok hvor det er kun det billed det skal skifte..

<td class="menutabel">

sån prøver jeg at få det frem i den celle jeg vil.. det virker bare ikk skifter ikk når man fører musen over.. ;(

Se nu efter istedet for blot at afvise konsekvent

forkortet:
http://www.peterelkjaer.dk/exp/css2.html

Sorry.. nu har jeg fået det til at virke NÆSTEN...

for den skifter kun farven i TD når jeg er inde over teksten/linket den skal gøre det bare jeg er inde over TD'et.. Hvis du forstår.. det gør din også.. forstår bare ikk lige hva jeg mangler ved min... Har givet id="cell" og alt det der...

.tabel { border: 0px solid #999999}
#cell {    background-image: url(menubun1.jpg)}
#cell a {    background-image: url(menubun1.jpg); display: block}
#cell a:hover {    background-image: url(menubun2.jpg)}

sån ser mit style ud.. mangler bare det med at hvis man er inde over td så skifter den.. gør din nemlig..

Sæt

display: block;

på din #cell a {}

Det er der godt nok i det du lige har skrevet - men er du sikker på at du har det med?

Den vil altså bare ikk gøre det.. har prøvet at sætte block foran osv.. den vil bare ikk ;((

Prøv og vis mig hele din css samt din tabel kode. Det virker jo hos mig :)

.menufont          { font-family: Verdana; font-size: 10pt; text-decoration:none; color:#FFFFFF; font-weight:bold }
.bundfont          { font-family: Verdana; font-size: 10pt; text-decoration:none; color:#FFFFFF }
.tekst              { font-family: Verdana; font-size: 10pt; text-decoration:none; color:#000000 }
.overskrift            { font-family: Verdana; font-size: 10pt; text-decoration:none; color:#FFFFFF; font-weight:bold }
.body                 { SCROLLBAR-FACE-COLOR: #3A63B6; SCROLLBAR-HIGHLIGHT-COLOR: #3A63B6; SCROLLBAR-SHADOW-COLOR: #4B22DE; SCROLLBAR-3DLIGHT-COLOR: #4B22DE; SCROLLBAR-ARROW-COLOR: #000000; SCROLLBAR-TRACK-COLOR: #FFFFFF; SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF; overflow: auto }
.button             { padding:0; background-color:#FFFFFF; color:#000080; cursor:hand; font-family:verdana, sans-serif }
.input                 { background-color:FFFFFF; border-bottom:solid 1px; border-left:solid 1px; border-right:solid 1px; border-top:solid 1px; color:000080; }
a:link                 { font-family: Verdana; font-size: 10pt; color:#FFFFFF; text-decoration:none; font-weight:bold }
a:visited             { font-family: Verdana; font-size: 10pt; color:#FFFFFF; text-decoration:none; font-weight:bold }
a:active             { font-family: Verdana; font-size: 10pt; color:#FFFFFF; text-decoration:none; font-weight:bold }
a:hover             { font-family: Verdana; font-size: 10pt; color:#FFFFFF; text-decoration:underline; font-weight:bold }
a.tekstl:link        { font-family: Verdana; font-size: 10pt; color:#000000; text-decoration:none; font-weight:bold }
a.tekstl:visited    { font-family: Verdana; font-size: 10pt;  color:#000000; text-decoration:none; font-weight:bold }
a.tekstl:active     { font-family: Verdana; font-size: 10pt; color:#000000; text-decoration:none; font-weight:bold }
a.tekstl:hover      { font-family: Verdana; font-size: 10pt; color:#000000; text-decoration:underline; font-weight:bold }

.tabel { border: 0px solid #999999}
#cell {    background-image: url(menubun1.jpg)}
#cell a { background-image: url(menubun1.jpg); display: block;}
#cell a:hover {    background-image: url(menubun2.jpg)}


KODEN I HTML...

<td id="cell" width="100%"><a href="fgfdg">lsdfdsafsdafink</a></td>

Har en masse extra i mit style sheet har prøvet at fjerne nogle.. de kunne jo konflikte men har ikk fundet de rigtige så.. ;(

Hmm.. din kode virker fint hos mig?

weird... !! prøv lige at vente jeg smider den lige op på en side så.. altså så vi kan prøve at se den begge to..

http://www.faxeholdet.dk/ny/index2.htm

her virker det for dig.. altså hvis du ikke rammer teksten..

jeg skal ramme teksten så skifter den.. men ellers gør den ikk ;((

Jeg fatter ikke en skid af hvorfor det ikke virker?

Jeg roder lidt videre med det.

Okidoki.. mange takker.. nej det virker heller ikk for dig der.. ;(

Jeg er ved at blive lidt små tosset.. med poinene er helt klar dine.. selvom du sikkert er røv ligeglad med dem.. ;) Det er bare underligt!

Det er jo en ekstern stylesheet jeg kører med.. men det burde fandenme være lige meget.. har prøvet at kopiere din kilde over også kører den.. virker fint her.. bar weirD!

Det er et eller andet min din tabel - hvad jeg jeg ikke lige se endnu.

Dette er din tabel som ikke virker:

<table class="tabel">
<tr>
    <td width="100%">&nbsp;</td>
</tr>
<tr>
    <td id="cell"><a href="#">link</a></td>
</tr>                           
<tr>
    <td width="100%" height="25">&nbsp;</td>
</tr>
<tr>
    <td width="100%" background="menubund.jpg" height="25">&nbsp;</td>
</tr>
<tr>
    <td width="100%" background="menubund.jpg" height="25">&nbsp;</td>
</tr>
</table>

Her er en anden med fuldstændig samme css kode som *virker*:

<table class="tabel">
<tr>
<td id="cell"><a href="#">link</a></td>
</tr>
</table>

??

Det er denne her tomme celle inden cellen med billedskift der laver problemet:

<tr>
<td width="100%">&nbsp;</td>
</tr>

Fjerner man den virker det...

jaaaaaa det virker nu.. super den er fjernet.. det var sq godt nok underligt.. men du smider bare lige et svar.. så er poinene fandenme dine.. mange takker.. SUPERMAND! ;)

Ja jeg forstår heller ikke lige hvorfor det gør noget :)
Svar.