hvordan få tekst som endrer farge

[mugis]

Ønsker å lage en meny med tekstlinker som endrer farge ved feks.MouseOver. Hva er enkleste måte å gjøre dette på uten å bruke bilder eller flash?

Endret 18. januar 2005 av mugis

[flodhest]

A {

COLOR: #656656;

 

}

 

A:hover {

COLOR: #37382F;

TEXT-DECORATION: underline

}

 

Legg dette css'n din.

[ingveh]

<style type="text/css">
<!--
    A:link {text-decoration: none;color: #FFFFFF;}
    A:visited {text-decoration: none;color: #FFFFFF;}
    A:active {text-decoration: none;color: #FFFFFF;}
    A:hover {text-decoration: none;color:#990000;}
-->
</style>

 

Hvis du ikke bruker CSS, kan du sette dette i HTML-dokumentet. Men CSS er nok en bedre løsning.

[NisseMannH4X]

En mer "komplett" kode:

 

a:link
{
color:#FFFFFF;
text-decoration: none;
text-transform: none;
font-family: "Verdana";
font-size: 10px;
}


a:visited
{
color:#FFFFFF;
text-decoration: none;
font-family: "Verdana";
font-size: 10px;
}


a:hover
{
color:#259BBF;
text-decoration: none;
font-family: "Verdana";
font-size: 10px;
}


a:active
{
color:#259BBF;
text-decoration: none;
font-family: "Verdana";
font-size: 10px;
}

 

EDIT: så ikke at ingve hadde lagt ut en full kode...

Endret 18. januar 2005 av NisseMannH4X

[Dunestar]

<style type="text/css">
<!--
    A:link {text-decoration: none;color: #FFFFFF;}
    A:visited {text-decoration: none;color: #FFFFFF;}
    A:active {text-decoration: none;color: #FFFFFF;}
    A:hover {text-decoration: none;color:#990000;}
-->
</style>

 

Hvis du ikke bruker CSS, kan du sette dette i HTML-dokumentet. Men CSS er nok en bedre løsning.

Det der er CSS.

 

-------

 

NisseMannH4X: Det der er ingen mer "komplett" kode.

Derimot er det en unødvendig tungvint og lang kode.

Flodhests lille kodesnutt fungerer like utmerket.

Endret 18. januar 2005 av Dunestar

[mugis]

Brukte flodhests kode den så enklest ut...fungerer utmerket. Takker.

[ingveh]

<style type="text/css">
<!--
    A:link {text-decoration: none;color: #FFFFFF;}
    A:visited {text-decoration: none;color: #FFFFFF;}
    A:active {text-decoration: none;color: #FFFFFF;}
    A:hover {text-decoration: none;color:#990000;}
-->
</style>

 

Hvis du ikke bruker CSS, kan du sette dette i HTML-dokumentet. Men CSS er nok en bedre løsning.

Det der er CSS.

 

-------

 

NisseMannH4X: Det der er ingen mer "komplett" kode.

Derimot er det en unødvendig tungvint og lang kode.

Flodhests lille kodesnutt fungerer like utmerket.

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

Beklager, mente selvsagt at han kunne bruke koden min dersom han ikke bruker egen .css-fil...

[Shaggy]

En mer "komplett" kode:

 

a:link
{
color:#FFFFFF;
text-decoration: none;
text-transform: none;
font-family: "Verdana";
font-size: 10px;
}


a:visited
{
color:#FFFFFF;
text-decoration: none;
font-family: "Verdana";
font-size: 10px;
}


a:hover
{
color:#259BBF;
text-decoration: none;
font-family: "Verdana";
font-size: 10px;
}


a:active
{
color:#259BBF;
text-decoration: none;
font-family: "Verdana";
font-size: 10px;
}

Dette kan du jo skrive som

 

a {

text-decoration: none;

font-family: "Verdana";

font-size: 1em (bruk relative fontstørrelser);

}

 

a:visited, a:link {

color: #FFFFFF;

}

 

a:hover, a:active {

color: #259BBF;

}