H Henrikl Medlem sedan maj 2007 2 inlägg Frågan 25 maj 2007 08:37 #1 Jag har ett litet problem. Jag har skapat en rollover i css med hjälp av bakgrundsbild. Det finns dock ett problem, placeringen av bakgrunden.
Alla tips är välkomna. (CSS:n är inte städad än, så det ligger kanske en del onödiga properties...)
* {padding:0;margin:0}
#icon_user{
background-color:#006633;
}
#icon_user a{
background-image:url(user_icon_hover.gif);
height:16px;
width:16px;
display:block;
background-position:right top;
background-repeat:no-repeat;
}
#icon_user a:link, #icon_user a:active, #icon_user a:visited {
background-image:url(user_icon_link.gif);
}
#icon_user a:hover {
background-image:url(user_icon_hover.gif);
}
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<td>Listin</td>
<td>
<div id="icon_user"><a href="user.htm"></a></div>
</td>
</tr>
</table>
Ser ut att fungera för mig? Inga 2pixlar som saknas?
T tanten Medlem sedan nov. 2005 1 596 inlägg Att pixlarna saknades var för att du angett höjden till 16px men med padding 3px blir bilden 16+6 =22px så du gav inte plats för 2px ...
edit - läste inte voigtanns inlägg ordetligt. så läs ej detta
T tanten Medlem sedan nov. 2005 1 596 inlägg jag hann läsa ditt inlägg symbolism och du har helt rätt. Höjden ska vara 16px jag ändrar nu... Tack!
H Henrikl Medlem sedan maj 2007 2 inlägg Perfekt!
Tack för det snabba svaret. Fungerar perfekt.
