CSS Hover...

CSS kode 

 #nyheder a, a:link, a:visited
 {
 height: 38px; width: 50px; /*Definer selv*/
 display: block;/*Block gør at a elementet udfylder hele det område det har fået tilegnet. I dette tilfælde 38*50px*/
 background-image: ur("../Designs/images/knap1.gif");
 }
 #nyheder a:hover
 {
 height: 38px; width: 50px; /*Definer selv*/
 display: block;/*Block gør at a elementet udfylder hele det område det har fået tilegnet. I dette tilfælde 38*50px*/
 background-image: ur("../Designs/images/knap1f.gif");/*<<<<<<<<ændret fra de andre regler<<<<<<<*/
 }
 #nyheder a:active
 {
 height: 38px; width: 50px; /*Definer selv*/
 display: block;/*Block gør at a elementet udfylder hele det område det har fået tilegnet. I dette tilfælde 38*50px*/
 background-image: ur("../Designs/images/knap1.gif");
 }

Hej alle udviklere

Jeg er igang med at lave en menu med billede skift ved Mouseover.

jeg har et problem, det virker ikke ..

i får lige HTML'en og min CSS

HTML :

Kode 

.......<td rowspan="3">
<img src="images/bg2.gif" width="17" height="464" alt=""></td>
<a href="htto://google.dk">
<td class="nyheder" height="38" colspan="2"></td>
</a></div>
<td>.....

Det er kun et eksempel.
Det er naturligvis ikke google den skal logge til..
CSS :

Kode 

#nyheder {
background-image: ur("../Designs/images/knap1.gif");

	
	
	}

#nyheder a:hover{
background-image: url("../Designs/images/knap1f.gif");
	
	}

Håber i kan hjælpe mig

Kode 

<p>
 <li>
  Hej
 </li>
</p>

Edit:
Du kan rette op på det ved at tilføje et a efter #nyheder, så den bliver til: #nyheder a

Okay, det ville selvfølgelig ikke helt fungere alligevel.

Kunne man så ikke istedet sætte hover på tabeldataen så man siger #nyheder:hover, ved ikke lige om det virker når det er med en tabel, men det tror jeg umidelbart.