Problem med en CSS

Tråden skapades och har fått 6 svar. Det senaste inlägget skrevs .
1

Hej vänner!

Jag vet att vi har några CSS-gudar här på forumet, så jag tänkte kasta ur mig en fråga här.
Följande CSS fungerar utmärkt i IE, men i Safari och Firefox så fungerar den inte... det är "links" delen som inte fungerar. Det blir standardlänkar i allt utom IE (där länkarna får korrekta färger):

/* CSS Document */

h1 { font-family: Verdana; font-size: 18px}

h2 { font-family: Verdana; font-size: 14px}

h3 { font-family: Verdana; font-size: 12px}

body { background-color: #8D8860;}

body {font-family: Verdana; font-size: 12px; color: #FFFFFF; .justering {text-align: justify;}

p {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

td {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

li {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

.justering {text-align: justify;}



a:link { text-decoration: none; color: #FFFF00}

a:visited { text-decoration: none; color: #FFFF00}

a:active { text-decoration: none; color: #FFFF00}

a:hover { color: #FFFFFF}
  • Medlem
  • Bollnäs
  • 2007-08-13 18:11
body {font-family: Verdana; font-size: 12px; color: #FFFFFF; .justering {text-align: justify;}

Borde väl ändras till:

body {font-family: Verdana; font-size: 12px; color: #FFFFFF;}
.justering {text-align: justify;}
Ursprungligen av Kalle W:
body {font-family: Verdana; font-size: 12px; color: #FFFFFF; .justering {text-align: justify;}

Borde väl ändras till:

body {font-family: Verdana; font-size: 12px; color: #FFFFFF;}
.justering {text-align: justify;}

Tack Kalle! Det var där problemet var.

Saknas det inte ett ";" efter respektive färg?

a:link { text-decoration: none; color: #FFFF00}

ska bli

a:link { text-decoration: none; color: #FFFF00;}
  • Medlem
  • Bollnäs
  • 2007-08-13 19:09
Ursprungligen av Mattias Jonsson:

Saknas det inte ett ";" efter respektive färg?

Ska inte behövas om det är det sista direktivet i taggen.

  • Medlem
  • Stockholm
  • 2007-08-13 19:18

Jag skulle skriva om koden för länkarna på följande sätt.

a {
text-decoration: none;
color: #FFFF00;
}

a:hover {
text-decoration: none;
color: #FFFFFF;
}
Ursprungligen av .mp3:

Jag skulle skriva om koden för länkarna på följande sätt.

a {
text-decoration: none;
color: #FFFF00;
}

a:hover {
text-decoration: none;
color: #FFFFFF;
}

Tack för förslaget, men det fungerade inte. Koden ser nu ut såhär:

/* CSS Document */

h1 { font-family: Verdana; font-size: 18px}

h2 { font-family: Verdana; font-size: 14px}

h3 { font-family: Verdana; font-size: 12px}

body { background-color: #8D8860;}

body {font-family: Verdana; font-size: 12px; color: #FFFFFF; .justering {text-align: justify;}

p {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

td {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

li {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

.justering {text-align: justify;}



a {
text-decoration: none;
color: #FFFF00;
}

a:hover {
text-decoration: none;
color: #FFFFFF;
}
1
Bevaka tråden