Olika färger med style?

[kungmats]

Hej!

 

Hur gör man för att få olika bakgrundsfärger i olika celler om man anropar en .css fil med stylesheets?

 

.... alltså olika färger på olika <td>

 

 

 

td { font-family: Verdana,arial,helvetica; font-size: 8pt; background-color: #DEDEEE}

 

 

-----------------

 

 

Och är det möjligt att få olika "hover" på olika länkar på samma sida? Även det med att anropa samma .css fil?

 

 

 

<style TYPE="text/css">

<!--

A:link {text-decoration: none; color: #0000FF}

A:visited {text-decoration: none; color: #0000FF}

A:active {text-decoration: none; color: #0000FF}

A:hover {text-decoration: none; color: #FF0000}

//-->

</style>

 

 

// Mats W \

[Cytech]

 

 

 

 

du använder dig av klasser...

 

td.color1 { font-family: Verdana,arial,helvetica; font-size: 8pt; background-color: #DEDEEE}

 

td.color2 { font-family: Verdana,arial,helvetica; font-size: 8pt; background-color: #0000FF}

 

när du kallar på de som blir det så här:

 

<td class="color1">blabla</td>

 

samma sak gäller för när du vill skilja på olika A-taggar...

 

A.class1:hover { ... }

A.class2:hover { ... }

 

taggen blir då alltså: <a href="..." class="class1">länk</a>

 

[inlägget ändrat 2002-03-09 14:40:50 av Cytech]

[B Wisser]

Du använder class.

 

T.ex i din css-fil:

 

.farg1 {background-color:red}

.farg2 {background-color:blue}

.farg3 {background-color:green}

.farg4 {background-color:yellow}

 

vill du låsa din class att bara gälla för td så skriver du typ:

td.farg3 {background-color:green}

 

och sedan i koden:

<td class="farg2">

 

 

Samma sak gäller för <a>.

I CSS:

 

A:link {text-decoration: none; color: #0000FF}

A:visited {text-decoration: none; color: #0000FF}

A:hover {text-decoration: none; color: #FF0000}

A.black:hover {text-decoration: none; color: #000000}

A:active {text-decoration: none; color: #0000FF}

 

denna länk blir röd vid hover:

<a href="sida.html">Länk</a>

 

denna länk blir svart vid hover:

<a href="sida.html" class="black">Länk</a>