webForumDet fria alternativet

onMouseOver i celler, border?

HTML & CSS

3 svar · 228 visningar · startad av Troll

Medlem sedan dec. 2003229 inlägg
Frågan#1

Hejsan!

Jag skulle behöva ha lite hjälp med en grej här...

<td onmouseover="this.style.backgroundColor='#FFFFFF';" onmouseout="this.style.backgroundColor='#000000';">Text</td>

Denna snutt är det ju inga problem med men det jag undrar är om det går att lägga till någon kod som gör att det som standard och mouseOut ska vara en svart border på ena sidan som är en pixel bred. Men vid mouseOver så ska den försvinna.

Hur löser jag detta?

Medlem sedan dec. 20042 245 inlägg
#2
td { border-right:1px solid; }
td:hover { border-right:none; }

Menar du så?

Medlem sedan dec. 2003229 inlägg
#3

Ja precis!
Varför tänkte jag itne på det själv? Det var ju ganska uppenbart :D

Tack så mycket :)

Medlem sedan okt. 20001 285 inlägg
#4

du kan ju också köra ett klassnamn vi onmouseover

<td class="hmm" onmouseover="this.className='tut'" onmouseout="this.className='hmm'">
259 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
124 ms — deklarationer (db)
0 ms — hämta statistik (cache)
132 ms — hämta tråd, inlägg och bilagor (db)
119 ms — ändringar (db)