CSS baggrundsfarve i celle

Ups...via et stylesheet...?

<td style=\"background-color:#123456\">...

\\spang

Eller

.celle1
{
  background-color:#123456
}

<td class=\"celle1\">...

http://www.html.dk/tutorials/css/lektion3.asp

Hvordan skriver jeg det ind i et stylesheet...Jeg skal bruge det sådan at når man kører musen over txt\'en så bliver hele cellen en farve...mit css ser sådan her ud:

a.gron        { color: #67806c; font-style: normal; font-weight: bold; font-size: 10px; font-family: Verdana, Arial, sans-serif; text-decoration: none }
a.gron:active    { color: #67806C }
a.gron:hover      { color: #c60; background-color: purple }
a.gron:visited    { color: #67806c }
a.gron:visited:hover    { color: #c60 }

Doctor->Det hele står her : http://www.builder.dk/artikler/article.asp?AID=71

Jo tak Prodic...men kan man ikke skrive det ind i CSS\'et på \"hover\" og på \"visited.hover\"?

Noget i retning af:

.celle1 A:HOVER
{
  background-color:#123456
}

(Versalerne er kun for syns skyld.)

http://www.html.dk/tutorials/css/ og http://www.builder.dk/artikler/?Id=6 er begge udmærkede steder, hvis du vil lære mere.

Ellers spørg igen.

\\spang

Hvis det er hele cellen, der skal have skiftet baggrundsfarve, skal din style tilføjes cellen (<td class=\"...\">) og ikke kun ankeret (IKKE <a class=\"...\">).

Derfor er det ikke nok med a.gron osv.

\\spang

Ikke direkte på Hover og Visited.hover, da de går på selve de links du har.
Cellen er jo ikke et direkte link, men bare en del af din opsætning.

Hvis jeg har dette:

a.        { color: #67806c; font-style: normal; font-weight: bold; font-size: 10px; font-family: Verdana, Arial, sans-serif; text-decoration: none }
a:active    { color: #67806C }
a:gron:hover      { color: #c60}
a:visited    { color: #67806c }
a:visited:hover    { color: #c60 }

Hvad tilføjer jeg så...(jeg er lidt tungnem...)

Hvis det gælder, at alle celler med links i skal skifte baggrundsfarve ved hover, kan du nøjes med at tilføje følgende linie under (eller over) de andre:

TD A:HOVER { background-color:#123456 }

Hvis det kun gælder enkelte celler, skal du tilføje følgende linie til det andet style

.celle1 A:HOVER { background-color:#123456 }

og

class=\"celle1\"

til dine <td>.

\\spang

hmmmm så kommer der kun en baggrund på txt\'en...

Ja, selvfølgelig. Det er mig, der koger. Sorry.

Som prodic ganske rigtigt skriver, er problemet det, at du ønsker at ændre attributværdien for et andet element end det, der bliver aktiveret.

På dansk: Du har musen over linket men det er cellen, der skal ændres.

Hvis du følger prodics link finder du en løsning, der (cirka) ser ud som følger:

<head>
<script language=\"JavaScript\">
  function co(element,mode) {
    if (mode==\"in\") {
      cursortype = \'hand\'
      colorval = \'#B7C6D6\'
    } else if (mode==\"out\") {
      cursortype = \'\'
      colorval = \'#e9e9e9\'
    }
  element.style.background=colorval;
  element.style.cursor=cursortype;
}
</script>
</head>

<body>
<table>
  <tr>
    <td bgcolor=\"#e9e9e9\" onmouseover=\"co(this,\'in\');\" onmouseout=\"co(this,\'out\');\"><a href=\"mailto:jesper@builder.dk\" style=\"width: 100%;\">Email</a></td>
  </tr>
</table>
</body>

\\spang

Jo tak men dette virker jo desværre ikke i Netscape...kan det virke i netscape?

Når du bruger css1 eller i særdeleshed css2 er der ting der ikke virker i forskellige browser versioner. Med css1 er det dog ikke så slemt, men præcist hvad du forsøger her virker ikke i NS.

Altså glem at bruge hover i NS!

Det vil være mere sansynligt at få det til at virke med et javascript, ligesom spang viser dig ovenfor.

Hilsen KAZZ :)