Avatar billede Slettet bruger
28. august 2008 - 13:55 Der er 5 kommentarer og
1 løsning

Forkert farvet underline

Hej,

Hvorfor er det at linket i min .headline bruger en grøn understregning ved 'hover' istedet for den sorte som ønsket?

Almindelige links skal stadig være grønne med grøn underline.

/* Headlines */

.headline {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
line-height:18px;
color:#000000;
font-weight:bold;
}

/* Links */

A:link {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#759212;
font-weight:bold;
text-decoration:none;}

A:visited {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#759212;
font-weight:bold;
text-decoration:none;}

A:hover {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#759212;
font-weight:bold;
text-decoration:underline;}

.headline a:link {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
line-height:18px;
color:#000000;
font-weight:bold;
text-decoration:none;
}
   
.headline a:visited {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
line-height:18px;
color:#000000;
font-weight:bold;
text-decoration:none;
}

.headline a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
line-height:18px;
color:#000000;
font-weight:bold;
text-decoration:underline;
}
Avatar billede ssv Nybegynder
28. august 2008 - 14:27 #1
Her er en optimeret kode (der virker - jeg kan ikke se nogen fejl her :-)):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Titel</title>
<style type="text/css">
/* Headlines */

.headline {
font: 16px Arial, Helvetica, sans-serif;
line-height:18px;
color:#000;
font-weight:bold;
}

/* Links */

a { font: 10px Verdana, Arial, Helvetica, sans-serif;
color:#759212;
font-weight:bold;
text-decoration:none; }

a:hover {
text-decoration:underline; }

.headline a {
font: 16px Arial, Helvetica, sans-serif;
line-height:18px;
color:#000;
font-weight:bold;
text-decoration:none; }

.headline a:hover {
font: 16px Arial, Helvetica, sans-serif;
line-height:18px;
color: #000;
font-weight:bold;
text-decoration: underline; }
</style>
</head>

<body>
<div class="headline"><a href="#">Tester</a></div>
</body>
</html>
Avatar billede ssv Nybegynder
28. august 2008 - 14:29 #2
Du kan også rette:

.headline a:hover {
font: 16px Arial, Helvetica, sans-serif;
line-height:18px;
color: #000;
font-weight:bold;
text-decoration: underline; }

-- til --

.headline a:hover {
text-decoration: underline; }


- Jeg var lige for hurtig da jeg lavede det ;-)
Avatar billede Slettet bruger
28. august 2008 - 14:52 #3
Tak for optimeringen men jeg får stadig en grøn understregning på .headline overskriften når jeg hover henover linket? Vil gerne ha en sort understregning.
Avatar billede Slettet bruger
28. august 2008 - 14:57 #4
Okay nu virker det... Havde lige overset noget i din kode. :)
Avatar billede Slettet bruger
28. august 2008 - 14:57 #5
Tak for hjælpen!
Avatar billede ssv Nybegynder
28. august 2008 - 15:21 #6
Np. Og tak for point :-)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester