Spørsmål om CSS

Fordi at du også skal huske de andre: link,visited og active

<title>Untitled Document</title>
<style type="text/css">
<!--
.test {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
}
.test a {
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
}
a:link {
}
a:visited {
}
a:active {
}
a:hover {
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #CCCCCC;
}

body {
background-color: #000000;
}
-->
</style>
</head>

<body>
<p><a href="test" class="test">Testing</a></p>
</body>

Forresten er det testet og det virker :-)

Ehm.. -aco- i dit eksempel vil alle links få den samme hover effekt. Du bruger jo ikke test classen...

Skal nok se sådan her ud:



<head>
<title>Untitled Document</title>
<style type="text/css">
<!--
.test {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
}
a.test {
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #FFFFFF;
}
a.test:hover {
text-decoration: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #CCCCCC;
}
body {
background-color: #000000;
}
-->
</style>
</head>

<body>
<p><a href="test" class="test">Testing</a></p>
</body>


Også testet...

Aaah ja...

Det har du jo så fuldstændig ret i, tænkte mig slet ikke om. Er søvnighed den bedste undskyldning? :-)

:D Jah, jeg kender det skam godt... :P

Takk! :))

Hmm, var det -aco- der løste det ^-/
Husk at tjekke at den/de rigtige er markeret inden du giver accepterer...

Der kan du bare se -aco- jeg kan heller ikke skrive nu.. :P

Husk at tjekke at den/de rigtige er markeret inden du giver accepterer...
> skulle være >
Husk at tjekke at den/de rigtige er markeret inden du accepterer...

du registrerte en kommentar og ikke svar, men jeg kan gi deg 30 poeng også.

Legger det ut her: http://www.eksperten.dk/spm/Programmering/DHTML/

-- og en bedre metode kan være at mn sætter klassen p det omkranssende element, for så kan man også på en simpel måde sætte forskel på de forskellige:

<style type="text/css">
body{background-color:#333;color:yellow;}
a,a:visited{color:white;text-decoration:none;}
a:hover,a:active{color:red;text-decoration:overline underline;}
.menu a,.menu a:visited{color:green;text-decoration:underline;}
.menu a:hover,.menu a:active{color:blue;text-decoration:none;font-weight:bold;}
.menu{background-color:white;width:200px;}
</style>

<div class="menu">
  <a href="noget">Punkt 1</a><br>
  <a href="noget">Punkt 2</a><br>
  <a href="noget">Punkt 3</a><br>
</div>
<br>
Og et link udenfor menuen: <a href="nogetAndet">Andet</a>