Sebastian: Hover-Effekt innerhalb eines Div-Tags bei mehreren ahref Element

Beitrag lesen

SELF-Forum

Hover-Effekt innerhalb eines Div-Tags bei mehreren ahref Element

Sebastian
– Informationen zu den Bewertungsregeln

Hallo!

ich möchte gerne bei diesem div-tag:

				<td valign="top" width="300" height="363">  
						<div style="margin-left:187px; margin-top:8px ">  
						  <a href="index-2.html"><img src="images/p1.jpg" alt="" border="0"></a><br>  
							<br style="line-height:5px ">  
						  <a href="index-2-2.html"><img src="images/p2.jpg" alt="" border="0"></a><br>  
							<br style="line-height:6px ">  
					    <a href="index-2-3.html"><img src="images/p3.jpg" alt="" border="0"></a><br>  
							<br style="line-height:7px ">  
						<a href="index-2-4.html" class="a"><img src="images/p4.jpg" alt="" border="0"></a><br>  
						</div>  
					</td>

einen Hover-effekt drinnen haben - bie jeder einzelnen img-datei. Hab's bei p4.jpg schon versucht - erfolglos.

Die CSS dazu:

  
	.a       { display:block;  
             background-image:url(images/p4.jpg);  
             width:141px; height:78px }  
   .a:hover { background-image:url(images/p4-1.jpg); }

Hab den CSS-Code (siehe oben) einfach ganz unten rangeklatscht. Es ändert sich jedoch nicht das gewünschte Bild. Ich will für jedes Bild ein eigenes "neues" Bild haben. Also statt p4.jpg soll p4-1 kommen, statt p3 p3-1 usw...

Jemand eine Idee?
DAnke!

Beitrag melden
–
Informationen zu den Bewertungsregeln