link

Status
Niet open voor verdere reacties.

baws

Terugkerende gebruiker
Lid geworden
9 apr 2010
Berichten
1.258
Hallo,

op een computer met chrome firefox en ie werkt mijn site perfect.
maar als ik mijn site via de telefoon bezoek, en ik heb op een link geklikt dan krijgt de link een andere achtergrond kleur.
ik heb en mijn css al de :visited delen weggecomment maar dit helpt niet.
waar kan het nog meer aan liggen.
mijn css
Code:
html,body { margin:0px; background-color:#b6a077;   padding:0px; height:100%; }
 


  #header
 {
	position:relative;
	height: 150px;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	background-color:#abca9e;
	background-image:url(images/header.png);
	background-repeat:no-repeat;
	border:solid;
        z-index:10;
 }
 
 

 
 
  #menu
 {
	position:static;
	height: 28px;
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	background-color:#f1d4a0;
	border:solid;	
        z-index:10;
 }
 
  /*De content van de pagina comt in inhoud */
 #inhoud
 {
	position:static;
	width: 68%;
	background-color:#cbca9e;	
	padding-left: 20px;
	margin-left: auto;
	margin-right: auto;
	overflow:auto;	 
	border:solid;
	min-height:400px;
	padding-bottom:150px;
	padding-top:40px;
	z-index:10;
 }
 

#inhoud h1
{
color: #063204;
}
 
 #footer
 {     z-index:1;
	position:static;
	width:100%;
	height: 100px;
	background-color:#88744e;
	overflow:hidden;
	text-align: center;	 
 }


 
 #afbeeldingen
 {
	/* margin-top: -150px;*/
	/* background-image:url(images/footer.PNG);*/
	/* height: 715px;*/
	 width:980px;
	 background-repeat:no-repeat;
	 margin-left: auto;
	 margin-right: auto;
 }
 
 #ingelogd
 {
	position: fixed;
	margin-left:88%;
	width: 10%;
	height: 40px;
	background-color: #88744e;
	color: #ffaa01;
	border-bottom:solid;
	text-align:center;
 }
 
 
 
 
#menu ul
{
	list-style-type:none;
	overflow:hidden;
	margin: auto;
	margin: 0;
	padding: 0;
	text-align: center;
}

#menu li
{
	float:left;
	text-align: center;
	
}

#menu a:link,  a:visited
{
	display:block;
	width:120px;
	font-weight:bold;
	color:#000000;
	background-color:#f1d4a0;
	text-align:center;
	padding:4px;
	text-decoration:none;
	text-transform:uppercase;
}

#menu a:hover,  a:active
{
	background-color:#f1d4a0;	
	color: #FF0000;
}

a:active
{
background-color:#CBCA9E;

}

a:link, a:visited
{
	color:#000000;	
}
/*Het deel met reacties*/
 #comment
 {
 background-color: #b6b077;
min-height:100px;
overflow:auto;
padding-left:10px;
padding-top:25px;
margin-left:-20px;
padding-bottom:50px;
 }


 /*Carousel */
#carousel1
{
 
padding-left:-200px;
 	margin-left: auto;
	
	margin-right: auto;
}
#carousel1 img
{
  max-width:33%;
  max-height:67%;
  
  width:auto;
  background-color: #F1D4A0;
}


/*////////////Carousel////////////*/

/*Afbeeldingen */
#shopimages img
{
max-width:60%;
padding-left:5%;
}

/*het logo van de shop op de profiel pagina*/
#shopimages
{
overflow:auto;
max-height:500px;
  height:auto !important;
  height:500px;
}

/*de lijst met tattoos en ontwerpen (de plaatjes)*/
#tattoos img
{
max-width:27%;
padding-left:12%;
}

/*als er op een afbeelding in de lijst is geklikt*/
 #img100 img   
 {
	max-width:100% ;
	margin-left:-10px;
 }

 #profilepic img
 {
 left: 300px;
 width:200px;
 
 }
 
#menu a:link, a:visited moest zijn
#menu a:link, #menu a:visited

anders werd de stijl bij alle bezochten links toegepast :)
 
Als ik de code zo snel even bekijk, ligt dit aan de :active.

Je geeft de opdracht om de achtergrond kleur te veranderen zodra de link active is.
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan