HTML interesse |
|
Heyz,
ik had last van een witte balk onder mijn menu, maar dit wil ik nu oplossen door een css image rollover. Nu zit ik met 2 problemen.
1. Ik heb 4 buttons, en daar dus 4 rollovers bij. Nu heb ik img en img:hover gebruikt. Alleen als je er met de muis overheen gaat veranderd de image niet.
code
.img1 {background-image:url(menu/home_1.png);}
.img1:hover {background-image:url(menu/home_2.png);}
.img2 {background-image:url(menu/info_1.png);}
.img2:hover {background-image:url(menu/info_2.png);}
.img3 {background-image:url(menu/portfolio_1.png);}
.img3:hover {background-image:url(menu/portfolio_2.png)}
.img4 {background-image:url(menu/contact_1.png);}
.img4:hover {background-image:url(menu/contact_2.png);}
En deze laad ik in dmv:
<td width="61" height="22" align="center" class="img1"></td>
<td width="81" height="22" align="center" class="img2"></td>
<td width="71" height="22" align="center" class="img3"></td>
<td width="67" height="22" align="center" class="img4"></td>
.img1 {background-image:url(menu/home_1.png);} .img1:hover {background-image:url(menu/home_2.png);} .img2 {background-image:url(menu/info_1.png);} .img2:hover {background-image:url(menu/info_2.png);} .img3 {background-image:url(menu/portfolio_1.png);} .img3:hover {background-image:url(menu/portfolio_2.png)} .img4 {background-image:url(menu/contact_1.png);} .img4:hover {background-image:url(menu/contact_2.png);} En deze laad ik in dmv: <td width="61" height="22" align="center" class="img1"></td> <td width="81" height="22" align="center" class="img2"></td> <td width="71" height="22" align="center" class="img3"></td> <td width="67" height="22" align="center" class="img4"></td>
2. Ik wil dus een link toevoegen aan de hover button, weet iemand hoe ik dit moet doen in css?
Bvd Steven
|