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
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;
}