Just nu i M3-nätverket
Jump to content

Ändra färg på bakgrund och text


Wippika

Recommended Posts

det är så att jag har ett table med en <td> i och i den så är det en länk (text). men när man håller över texten så ska texten byta till en färg och bakgrunden i <td> till en annan...

 

Hur gör jag texten färgen är ju lungt, det fixar sig ju med a:hover men hur får jag även bakgrunden att ändra sig till en färg.. och då menar jag inte bakgrunds färgen till texte utan jag vill ändra färgen i hela tabellen (Typ <td bgcolor="12ee12>") ska ändras????

 

/Mvh

 

Link to comment
Share on other sites

Kanske detta exempel som jag gjort kan va till nån hjälp då! Med Css och Html.

Vill du inte ha länkarna i cellerna så är det bara hela att ta bort CSS:en och allt från <A HREF t.o.m </A>

 

<HTML>

<HEAD>

<TITLE>tabell</TITLE>

 

<style type="text/css">

<!--

a.red {width: inherit; height: 16; color: red; font-size: 16px; font-weight: 900; font-family: verdana; Filter: Glow(Color=blue, Strength=4)}

a.red:hover {Filter: Glow(Color=yellow, Strength=4) }

a.green {width: inherit; height: 16; color: green; font-size: 16px; font-weight: 900; font-family: verdana; Filter: Glow(Color=green, Strength=4)}

a.green:hover {Filter: Glow(Color=blue, Strength=4) }

a.black {width: inherit; height: 16; color: black; font-size: 16px; font-weight: 900; font-family: verdana; Filter: Glow(Color=white, Strength=4)}

a.black:hover {Filter: Glow(Color=red, Strength=4) }

 

-->

</style>

 

</HEAD>

<BODY aLink=#2525b7 bgColor=#a6caf0 link=#2525b7 text=#2525b7 topMargin=60

vLink=#2525b7><BASEFONT face=Arial>

<CENTER>

<TABLE border=1 borderColorDark=#1515a0 borderColorLight=#3333ff width=236>

<TBODY>

 

<TR bgColor=#a6caf0 height=118 vAlign=bottom>

<TD onmouseout="this.style.backgroundColor='blue'"

onmouseover="this.style.backgroundColor='green';return true" width="50%">

<A HREF = sidan.htm class="red"> Länk 1 </A>

<div align="right">

</div></FONT></TD>

 

<TD onmouseout="this.style.backgroundColor='yellow'"

onmouseover="this.style.backgroundColor='silver';return true" width="50%">

<A HREF = sidan.htm class="green"> Länk 2 </A>

</TD></TR>

 

<TR bgColor=#a6caf0 height=118 vAlign=top>

 

<TD onmouseout="this.style.backgroundColor='gold'"

onmouseover="this.style.backgroundColor='black';return true" width="50%">

<A HREF = sidan.htm class="black"> Länk 3 </A>

<div align="right">

</div></TD>

 

<TD onmouseout="this.style.backgroundColor='red'"

onmouseover="this.style.backgroundColor='orange';return true" width="50%">

<A HREF = sidan.htm class="red"> Länk 4 </A>

</TD></TR></TBODY></TABLE></CENTER></BASEFONT>

 

</BODY>

</HTML>

 

[inlägget ändrat 2003-04-11 17:54:46 av BoEriksson]

Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.



×
×
  • Create New...