Enlever couleur lien HTML/CSS

[Fermé]
Signaler
Messages postés
2
Date d'inscription
samedi 31 janvier 2015
Statut
Membre
Dernière intervention
3 février 2015
-
Messages postés
2
Date d'inscription
samedi 31 janvier 2015
Statut
Membre
Dernière intervention
3 février 2015
-
bonjour,je n'arrive pas a enlever la couleur violet d'un des mes liens qui est dans mon menu déroulant:

HTML:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>Station météo projet</title>
<link rel=stylesheet type="text/css" href="style.css">
<style type="text/css">a:link{text-decoration:none}</style>
</head>
<body>
<header>
<h1>PROJET ARCADIA</h1>

<nav>
<ul>
<li class="bouton">
<a href="file:///E:/site%20projot/Acceuil.html">Accueil</a>
</li>
<li class="bouton">
<a href="file:///E:/site%20projot/Archive.html">Archive</a>
</li>
<li>
type graphique
<ul>
<li>
<a href="file:///E:/site%20projot/graphique1.html">graphique1</a>
</li>
<li>
<a href="file:///E:/site%20projot/graphique2.html">graphique2</a>
</li> <li>
<a href="file:///E:/site%20projot/graphique3.html">graphique3</a>
</li>
</ul>
</li>
</ul>
</nav>
</header>
<section>
il y aura 2 article différents pour regarder les derniers résultat des 2 capteurs
</section>
<footer>
pour le remerciement de regarder le site et nos noms, et divers...
</footer>
</body>
</html>





puis CSS:
/*---------------MARGIN/PADDING 0 PARTOUT-----------------*/
*{
margin : 0px;
padding : 0px;
}

/*-------------POLICE POUR LE TITRE----------------*/
@font-face {
font-family: 'futuriste';
src: url('Police/futuriste.TTF') format('truetype');
font-weight: normal;
font-style: normal;
}


body{
font-family:arial;
background-color:#EAEAEA;
margin:auto;
width:80%;
border-radius: 10px;
box-shadow:0px 0px 3px 3px #d7d7d7;
}

header{
position: relative;
background-image:url('Image/astronaute.jpeg');
background-size : 1920px;
background-position:top;
height:200px;
padding:3%;

}

header.archive{
position: relative;
background-image:url('Image/image.jpg');
background-size : 1920px;
background-position:center;
height:200px;
padding:3%;

}
header h1{
border-bottom: 1px #EAEAEA solid ;
font-family:futuriste;
color:#EAEAEA;
}

header nav{
position:absolute;
right: 50px;
top: 30px;
}


section{
position:relative;
height:562px;
background-color:#f1f1f1;
}

footer{
position:relative;
background-color:#bbc3cc;
height:70px;

}
/*-------------MENU DEROULANT----------------*/
ul {
text-align: left;
display: inline;
padding: 15px 4px 17px 0;
list-style: none;
}
ul li {
display: inline-block;
margin-right: -4px;
position: relative;
padding: 15px 20px;
cursor: pointer;
color:white;
}
ul li ul {
padding: 0;
position: absolute;
top: 48px;
left: 0;
width: 150px;
display: none;
visibility: hidden;
}
ul li ul li {
display: block;

}
ul li ul li:hover {
text-decoration:none;
color:#457DBB;
transition: ease 0.2s color;
}
ul li:hover ul {
display: block;
opacity: 1;
visibility: visible;
text-decoration:none;
}

.bouton a {
position: relative;
display:block;
line-height:50px;
vertical-align:middle;
color:#eaeaea;
text-decoration:none;
transition: ease 0.2s color;
}

.bouton a:hover {
text-decoration:none;
color:#457DBB;
transition: ease 0.2s color;
}
Si vous trouvez la solution je vous remercie d'avance,je debute!

2 réponses

Messages postés
760
Date d'inscription
samedi 29 mars 2014
Statut
Membre
Dernière intervention
8 septembre 2018
121
bonjour,

/* unvisited link */
nav a:link {
color: #FF0000;
}

/* visited link */
nav a:visited {
color: #00FF00;
}

/* mouse over link */
nav a:hover {
color: #FF00FF;
}

/* selected link */
nav a:active {
color: #0000FF;
}



source: https://www.w3schools.com/css/css_pseudo_classes.asp
1
Merci

Quelques mots de remerciements seront grandement appréciés. Ajouter un commentaire

CCM 41713 internautes nous ont dit merci ce mois-ci

Messages postés
2
Date d'inscription
samedi 31 janvier 2015
Statut
Membre
Dernière intervention
3 février 2015

merci mec