Gå til innhold

Linkens farge blir feil i Opera men ikke i IE

Arsenal_RULES

Anbefalte innlegg

Arsenal_RULES

Arsenal_RULES

Skrevet
Skrevet

CSS dokumentet

 

A:link
{
color: #B56115;
text-decoration: none;
}

A: hover
{
color: #333333;
text-decoration: underline;
}

A: active
{color:#B56115;
text-decoration: none;
}

A:active: hover

{ 
color: #333333;
text-decoration: underline;
}

A: visited
{
color: #B56115;
text-decoration: none;
}

A:visited: hover
{
color: #333333;
text-decoration: underline;
}

 

Noen idé?

Lenke til kommentar

Videoannonse

Videoannonse
Annonse
endrebjo

endrebjo

Skrevet
Skrevet (endret)

Du kan ikke ha mellomrom etter kolon.

A:link {
color: #B56115;
text-decoration: none;
}

A:hover {
color: #333333;
text-decoration: underline;
}

A:active {
color:#B56115;
text-decoration: none;
}

A:active:hover {
color: #333333;
text-decoration: underline;
}

A:visited {
color: #B56115;
text-decoration: none;
}

A:visited:hover {
color: #333333;
text-decoration: underline;
}

Endret av endrebjorsvik
Lenke til kommentar
Arsenal_RULES

Arsenal_RULES

Skrevet
  • Forfatter
Skrevet (endret)

Problem 2, problemet ligger i IE. Under slutten av siden, skal det være en liten linje, slik at siden har en slags bunn. Dette fungerer fint i Opera, men i IE kuttes slutten før denne lille brunrosa linjen kommer.

 

Noen idér?

 

ps: det med |v1| |v2|, det er ikke det jeg mener, bare uheldig med valget av bilde, det er det mellomrommet som er under!

Endret av Arsenal_RULES
Lenke til kommentar
endrebjo

endrebjo

Skrevet
Skrevet
Gjelder denne regelen overalt i CSS dokumentet?

6337507[/snapback]

I "navnet" til elementet brukes mellomrom til å fortelle at et element er inni et annet.

F.eks vil denne koden beskrive alle linker (<a>) som er inni <td>: 

td a {
bla.. bla..
}

Når du da bruker mellomrom, tror jeg den blir forvirret.

 

I egenskapene til elementer, kan du godt bruke mellomrom: 

a {
color:#000;
padding:              10px;
margin: 0;
}

Lenke til kommentar
endrebjo

endrebjo

Skrevet
Skrevet
a:active:hover og a:visited:hover gir heller ikkje noko meining, så dei er det like greit å fjerne heilt frå stilarket ditt.

6340142[/snapback]

Joda. Prøv selv.

Skjult tekst: (Marker innholdet i feltet for å se teksten):

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
 <title>Tabell-test</title>
 <style type="text/css">
 	A:link {
 	color: #B56115;
 	text-decoration: none;
 	}

 	A:hover {
 	color: #00f;
 	text-decoration: underline;
 	}

 	A:active {
 	color:#0f0;
 	text-decoration: none;
 	}

 	A:active:hover {
 	color: #f00;
 	text-decoration: underline;
 	}

 	A:visited {
 	color: #f0f;
 	text-decoration: none;
 	}

 	A:visited:hover {
 	color: #ff0;
 	text-decoration: underline;
 	}
 </style>
</head>

<body>
 <h1>Linker</h1>
 <ul>
 	<li><a href="http://www.google.com">Link 1</a></li>
 	<li><a href="http://endre.hotserv.dk">Link 2</a></li>
 	<li><a href="#">Link 3</a></li>
 	<li><a href="localhost">Link 4</a></li>
 	<li><a href="http://www.hardware.no">Link 5</a></li>
 	<li><a href="http://hustler.com">Link 6</a></li>
 	<li><a href="?">Link 7</a></li>
 </ul>
</body>
</html>

Lenke til kommentar

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
Gå til emneliste
×
×
  • Opprett ny...