Får inte till det med CSS

6 svar · 303 visningar · startad av saw 31 dec. 2001

sawMedlem sedan mars 20011 880 inlägg

Trådstart31 dec. 2001 12:22#1

Detta torde vara enkelt men.

Jag vill ändra textfärg och bakgrundsfärg över länkarna när musen är över. Borde vara en baggis men...
Så här försöker jag:

A:link
{
    COLOR: #336699;
    FONT-WEIGHT: bold;
    TEXT-DECORATION: none;
    
}
A:hover { text-decoration: none;
 color: "#336699"; 
 background-color: "#800080";
}

A:active
{
    COLOR: red;
    TEXT-DECORATION: None;
    background-color: "#FF00FF";
}

A:visited
{
    COLOR: #004b97;
    TEXT-DECORATION: None;
    FONT-WEIGHT: bold;   
}

Naturligtvis så missar jag, men med vart?

Patrik81Medlem sedan okt. 2001538 inlägg

31 dec. 2001 12:37#2

Skall det verkligen vara fnuttar runt färgkoderna?

borde inte till exempel detta

background-color: "#800080";

se ut såhär:

background-color: #800080;

MVH Patrik

*hit me if I´m wrong*

sawMedlem sedan mars 20011 880 inlägg

31 dec. 2001 12:43#3

Jag har testat både det ena och det andra, men ingen som helst skillnad. Jag hadde annars för mig att dom inte skulle vara med, men eftersom ingenting fungerade bra, la jag till dom.

MatteMedlem sedan aug. 20002 975 inlägg

31 dec. 2001 13:47#4

Inga "fnuttar" kring färgkoderna.
Prova i annan ordning:
a:link
a:visited
a:hover
a:active

sawMedlem sedan mars 20011 880 inlägg

31 dec. 2001 14:06#5

Det hjälper inte.
Den byter bara bakgrundsfärg.
Jag vill ju att den skall byta textfärgen också :-(

MatteMedlem sedan aug. 20002 975 inlägg

31 dec. 2001 14:55#6

Du har samma färgkod för link och hover. Välj en annan färgkod för hover så ska du se att det fixar sig.

frankofMedlem sedan jan. 20016 874 inlägg

31 dec. 2001 15:01#7

A:link {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10pt;font-weight:bold;color#336699;text-decoration:none;
		background-color:transparent;} /* unvisited links */ 

A:visited {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10pt;font-weight:bold;color:#C0C0C0;text-decoration:none;
		background-color:transparent;} /* visited links */
 
A:hover {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10pt;color:#336699;text-decoration:none;
		background-color:"#800080;} /* user hovers */
 
A:active {font-family:Verdana,Arial,Helvetica,sans-serif;font-size:10pt;color:#FF0000;text-decoration:none;
		background-color:"#FF00FF;} /* active links */

Så då?