webForumDet fria alternativet

OnMouseOver effekt med css?

HTML & CSS

16 svar · 491 visningar · startad av macgunde

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

Undrar ifall det går att göra så att när man drar över muspekaren över en cell, så ska den byta bakgrundsfärg. Har för mig att jag hört/sett det innan, men minns ej vart.

Någon som har förslag på lösning?

--
Daniel

Medlem sedan okt. 20005 273 inlägg
#2

http://www.deftcode.com/archives/stupid_css_tricks_trtd_hover.html

Som det står där så funkar det inte i IE.

mv icaaq

Medlem sedan apr. 2003110 inlägg
#3

Testade, men funkade inte så bra. Tackar ändå för tipset :)
Använder för tillfället:
"a:hover { background-color: #AAC3CF; text-decoration: color: black; }"
Men den markerar bara texten...

--
Daniel

Medlem sedan okt. 20005 273 inlägg
#4

Du kan ju kanske köra en med en gammal hederlig onMouseover="this.style.backgroundColor='#FFF000' / onMouseout="this.style.backgroundColor='#FF0000' på din tr istället?

mv icaaq

Medlem sedan maj 20007 492 inlägg
#5
<td class="tout" onmouseover="this.className='tin'" onmouseout="this.className='tou'" onclick="hihi.php'">Startsidan</td>

Går ju bra :)

Medlem sedan apr. 2003110 inlägg
#6

Jag får testa detta imon... Tack för svaren

Medlem sedan apr. 2003110 inlägg
#7

Okkido skrev:

<td class="tout" onmouseover="this.className='tin'" onmouseout="this.className='tou'" onclick="hihi.php'">Startsidan</td>

Går ju bra :)

Hmm kan du utveckla hur du menar... Får det inte att fungera... :(

--
Daniel

Medlem sedan okt. 20005 273 inlägg
#8

Vad får du inte att fungera?

mv icaaq

Medlem sedan apr. 2003110 inlägg
#9

Det läggs till något jämte länken, kanske blir columnen bredare...
Vart ska jag skriva in vilka färger som ska användas?

Medlem sedan okt. 20005 273 inlägg
#10

Kanske detta kan hjälpa dig...

detta med att kolumnen blir bredare vet jag inget om...posta din kod som du använder :)

mv icaaq

Medlem sedan apr. 2003110 inlägg
#11

icaaq skrev:

Du kan ju kanske köra en med en gammal hederlig onMouseover="this.style.backgroundColor='#FFF000' / onMouseout="this.style.backgroundColor='#FF0000' på din tr istället?

mv icaaq

Denna koden får jag att fungerar delvis nu, men bara när jag lägger onMouseOver... När jag lägger till onMouseOut så slutar det att fungera... Du ser hur jag lagt in koden här...

<tr onMouseover="this.style.backgroundColor='#AAC3CF' onMouseout="this.style.backgroundColor='#cccccc'<tr>
<td class="menu"><a href="#" class="menu">
V&auml;lj r&auml;tt tr&auml;ningsform</a></td></tr>

Ser du något fel?

Medlem sedan nov. 20017 144 inlägg
#12
<tr onMouseover="this.style.backgroundColor='#AAC3CF'" onMouseout="this.style.backgroundColor='#cccccc'"><tr>
<td class="menu"><a href="#" class="menu">
V&auml;lj r&auml;tt tr&auml;ningsform</a></td></tr>
Medlem sedan apr. 2003110 inlägg
#13

icaaq skrev:

Kanske detta kan hjälpa dig...

detta med att kolumnen blir bredare vet jag inget om...posta din kod som du använder :)

mv icaaq

Jag får detta att fungera nu :) Ett mycket stort tack!!! :D

--
Daniel

Medlem sedan apr. 2003110 inlägg
#14

På denna adress så kan ni se hur det ser ut :)
http://213.150.141.203/~danielpeterson/lgk/index.html

Medlem sedan nov. 20017 144 inlägg
#15

Tror att du har fått med lite källkod:

Ljungby gymnastikklubb skrev:

Styrketr&auml;ningspass som bygger p&aring; f&ouml;rutbest&auml;md

;)
Observera länken: Acceptera som slutgiltigt svar :)

Medlem sedan apr. 2003110 inlägg
#16

Jo jag vet...

Ska göra en templates av sidan snart och lägga in alla avdelningars info... Doch fungerar bara JavaScriptet med dropdownmenyn i explorer... :( men det får jag försöka fixa...

Medlem sedan feb. 2003774 inlägg
#17

Exempelsidan ger mig massvis med Javascript errors i Mozilla.

Om du fortfarande är intresserad av att lösa detta med enbart CSS så kolla in detta:

<style type="text/css">
table a
{
	color:white;
	text-decoration:none;
	display:block;
	background:green;
}

table a:hover
{
	background:blue;
}
</style>

<table width="200">
<tr>
	<td><a href="#">Test</a></td>
</tr>
</table>
264 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
118 ms — deklarationer (db)
0 ms — hämta statistik (cache)
137 ms — hämta tråd, inlägg och bilagor (db)
124 ms — ändringar (db)