Förhindra arv..

Vill att ett gäng celler i en tabell får en annan backgrundsfärg när man drar musen över, men eftersom jag har ett id/klass som sätter backgrundsfärg så får jag det inte att funka..

Eller kanske finns ett annat sätt att lösa detta utan "Onmouseower" och "Onmouseout"?

kod:

html:

<table id='main-style'>
<tr><td>

<table>
<tr ONMOUSEOVER='style.backgroundColor="#FF0000";' ONMOUSEOUT='style.backgroundColor="#00FF00";'>
	<td>test</td><td>test</td>
</tr>
</table>

</td></tr></table>

css:

 
#main-style
{
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
                font-size: 14px;
}

#main-style td
{
	font-size: 13px;
	background-color: #C9C88F;
}

#main-style th
{
	font-size: 13px;
	background-color: #A5A573;
}

Re: Förhindra arv..

LOOlau skrev:

Eller kanske finns ett annat sätt att lösa detta utan "Onmouseower" och "Onmouseout"?

Jo de finns det.
Du kan lägga in en länk tagg i varje cell. Sedan sätter du paddingen för länken så den fyller ut hela cellen.
html

<table id='main-style'>
<tr><td>

<table>
<tr>
       <td><a href="#">test</a></td><td><a href="#">test</a></td>
</tr>
</table>

</td></tr></table>

css:

 
#main-style td
{
	font-size: 13px;
	background-color: #C9C88F;
	padding:7 px 0 7px 0;
}
#main-style a {
	padding:7px;
}
#main-style a:hover {
	padding:7px;
	background:#39c;
}

Detta är otestat.

Hmm.. Kanske förklarade dåligt...

Jag vill alltså att i detta fall:

<table>
<tr ONMOUSEOVER='style.backgroundColor="#FF0000";' ONMOUSEOUT='style.backgroundColor="#00FF00";'>
	<td>11111</td><td>22222</td>
</tr>
</table>

att både 11111 och 222222 ska bli annan färg när man för musen över en av dom.. Det överstående funkar alldeles utmärkt.. men när den ligger i en klass som sätter bakgrundsfärg så funkar det ej, får ingen effekt alls när jag för musen över...

dvs 11111 OCH 222222 ska bli röda när man för musen över 111111 och tvärt om....

Ok, jag fattade inte att det var en hel rad du ville ändra färgen på.
Gör en ny klass i din CSS:

.hover_class {
background:#FF0000
}

Ändra i din html:

onmouseover="this.className='hover_class'"
onmouseout="this.className='din_nuvarande_class'"

får det inte att funka i alla fall...
Den behåller fortfarande min föregående ID:s bakgrundfärg..

Oki, fick det att funka.. hadde gjort en klantig sak... =)

Tack för hjälpen!