Får ej bort visited links

Jag får inte bort visited links. #Head, #kontakt och #Footer ska vara som den är. Jag vill att visited ska vara samma färg som a.

css:

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

	
a:hover {
	font-weight: normal;
	color: #933;
	
}
a:visited{
	color:#06300;
}

Dina färgkoder (a, a:visited) innehåller bara 5 siffror. Koden måste bestå av 6 eller 3 siffror. Som det är nu har de koderna alltså ingen effekt alls utan färgvalet överlåts helt och hållet till webbläsaren.

du har väl satt att #head a {} skall ha en egen css? du få sätta #head a:visited{} också i så fall.

Det verka va antal siffror i koden och nu fick jag dom blå. Nu är länkarna i själva kroppen blå och #head, #Kontakt är som jag vill. Men nu funkar ej a:hover på de blå länkarna.
Testade att göra epostlänkar på samma ställe och på dom funkar a:hover tydligen.

CSS:

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	margin-top: 0px;
	margin-left: 0px;
	background-color:#CCC;
	
}
table {
	font-size: 11px;
}
h3 {
	color: #933;
	font-size: 14px;
	margin:0px
	padding:0px;
	margin-bottom: 0px;
}

p {
	margin-top: 0px;
}

h4 {
	color: #933;
	font-size: 11px;
	margin:0px
	padding:0px;
	margin-bottom: 0px;
	margin-top: -1px;
}

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

	
a:hover {
	font-weight: normal;
	color: #933;
	
}
a:visited{
	color:#039;
	text-decoration:none;
}

#header {
	position:relative;
	background:#000;
	height: 100px;
	width: 750px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-left:0px;
	margin-right:10px;
	margin-bottom:10px;
	
	
}

#kontakt {
	color: #FFF;
	position: absolute;
	width: 120px;
	left: 621px;
	top: 13px;
	font-family: Verdana, Geneva, sans-serif;
	border: thin none #FFF;
	text-align: right;
	font-size:11px;
	height: 69px;
	
}

#header a {
	color: #fff; /*Vit*/
	font-size: 13px;
}

#header a:hover { color: #ccc;/* ljus grå*/ }

#kontakt a {
	color:#fff;
	font-size:11px;
}

#heldiv{
	Width:790px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	background-color:#FFF;
}
		
#foot {
	height: 17px;
	width: 789px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	color: #933;
	font-weight: normal;
}

Jag provade med important!

a:hover {
	font-weight: normal;
	color: #933; 
	important;}

Ej säker om jag gjort på det ultimata sättet men det verkar slagit igenom nu.

!important skall vara där du vill ha important, inte som ett attribut.

vilka är "de blåa" länkarna?

Om du ska applicera precis samma regler på olika saker kan du separera flera identifierare med kommatecken. (Sparar plats och gör koden mer överskådlig.)

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

	
a:hover {
	font-weight: normal;
	color: #933;
	
}

#header a, #header a:visited {
	color: #fff; /*Vit*/
	font-size: 13px;
}

#header a:hover { color: #ccc;/* ljus grå*/ }

#kontakt a, #kontakt a:visited {
	color:#fff;
	font-size:11px;
}

voigtann1 skrev:

!important skall vara där du vill ha important, inte som ett attribut.

vilka är "de blåa" länkarna?

Det är länkar som jag ibland gör i tabellen(Inte i #head #kontakt eller #footer för dom är som dom är.

Det funka iallafall när jag körde "important". Är det väldigt fel göra så?

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	margin-top: 0px;
	margin-left: 0px;
	background-color:#CCC;
	
}
table {
	font-size: 11px;
}
h3 {
	color: #933;
	font-size: 14px;
	margin:0px
	padding:0px;
	margin-bottom: 0px;
}

p {
	margin-top: 0px;
}

h4 {
	color: #933;
	font-size: 11px;
	margin:0px
	padding:0px;
	margin-bottom: 0px;
	margin-top: -1px;
}

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

	
a:hover {
	font-weight: normal;
	color: #933; 
	important;}
	
}
a:visited{
	color:#039;
	text-decoration:none;
}

#header {
	position:relative;
	background:#000;
	height: 100px;
	width: 750px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	margin-left:0px;
	margin-right:10px;
	margin-bottom:10px;
	
	
}

#kontakt {
	color: #FFF;
	position: absolute;
	width: 120px;
	left: 621px;
	top: 13px;
	font-family: Verdana, Geneva, sans-serif;
	border: thin none #FFF;
	text-align: right;
	font-size:11px;
	height: 69px;
	
}

#header a {
	color: #fff; /*Vit*/
	font-size: 13px;
}

#header a:hover { color: #ccc;/* ljus grå*/ }

#kontakt a {
	color:#fff;
	font-size:11px;
}

#heldiv{
	Width:790px;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	background-color:#FFF;
}
		
#foot {
	height: 17px;
	width: 789px;
	text-align: center;
	margin: 0px;
	padding: 0px;
	color: #933;
	font-weight: normal;
}

Om jag förstått detta rätt

Kalle M skrev:

Jag får inte bort visited links. #Head, #kontakt och #Footer ska vara som den är. Jag vill att visited ska vara samma färg som a.

css:

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

	
a:hover {
	font-weight: normal;
	color: #933;
	
}
a:visited{
	color:#06300;
}

Så vill du alltså inte ha funktionen visited på dina sidor. Då skall du inte kladda in en massa extra kod utan helt enkelt ta bort taggen #visited. Svårare än så blir det inte :)