webForumDet fria alternativet

Hover-effekt

3 svar · 343 visningar · startad av lillebror

lillebrorMedlem sedan apr. 20041 687 inlägg
#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>
lillebrorMedlem sedan apr. 20041 687 inlägg
lillebrorMedlem sedan apr. 20041 687 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?

ejickMedlem sedan mars 20011 175 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

Genererad på 378 ms · cache AV · v20260730165559-full.f96bc7eb