webForumDet fria alternativet

Hover-effekt

HTML & CSS

3 svar · 343 visningar · startad av lillebror

Medlem sedan apr. 20041 597 inlägg
Frågan#1

Hej!

Sökte runt lite i forumet efter en hover-effekt jag var ute efter. Hittade några exempel som jag provade utan att uppnå det resultat jag ville ha

Bifogar en liten illustration på vad jag är ute efter. Har ett bildgalleri som man skall kunna ta bort bilder från. När jag för musen över bilden så vill jag att hela cellen antar en viss färg. Går detta att lösa? :)

Min nuvarande kod för varje cell:

<td style="text-align: center;"><img src="<? echo $picture['path'].$picture['filename']; ?>"><br /><a href="./deletepicture.php?pictureID=<?php echo $picture['thumbnailID'];; ?>">[Ta bort]</a></td>
Medlem sedan apr. 20041 597 inlägg
Medlem sedan apr. 20041 597 inlägg
#3

Jag var visst lite snabb med den lösningen. Den ändrade bakgrunden finfint. Dock fick jag denna effekt överallt där jag har td-elementet.

Försökte skriva det dels som en class:

.picture td:hover
{
    background: #ECEDA1;
}

...samt som ett ID

#picture td:hover
{
    background: #ECEDA1;
}

...men inget av de fungeradde...

Några idéer?

Medlem sedan mars 2001895 inlägg
#4

Med detta som utgångsläge är det ganska så enkelt att fixa till. bara att ändra padding och kantstorlek.
http://www.webforum.nu/showthread.php?t=133119

270 ms totalt · 4 externa anrop · v20260731065814-full.a51de22e
131 ms — deklarationer (db)
0 ms — hämta statistik (cache)
135 ms — hämta tråd, inlägg och bilagor (db)
120 ms — ändringar (db)