Probleme de couleur de lien
Résolu
lilouetfredo
-
lilouetfredo -
lilouetfredo -
Bonjour,
Voila j'ai encore un petit soucis, pas bien important d'après moi mais je sèche un peu.
J'ai creer un site, et j'ai demandé a ce que mes liens soit blanc et qu'au survol ils deviennent noirs, donc aucun soucis pour cela, donc a ce moment là, j'avais juste crée ma page d'index et ma page de CSS, et en creant les autres pages de mon site, les liens sont devenus violet en s'identifiant leur page respective. Comment les remettre en blanc.
A mon avis ce n'est pas un soucis de code dans le css car cela fonctionnait tres bien avant que je crée les autres pages. Mais bon , sait-on jamais :-p
En vous remerciant par avance.
Si vous ne comprenez pas quelques chose dites le moi.
Voila j'ai encore un petit soucis, pas bien important d'après moi mais je sèche un peu.
J'ai creer un site, et j'ai demandé a ce que mes liens soit blanc et qu'au survol ils deviennent noirs, donc aucun soucis pour cela, donc a ce moment là, j'avais juste crée ma page d'index et ma page de CSS, et en creant les autres pages de mon site, les liens sont devenus violet en s'identifiant leur page respective. Comment les remettre en blanc.
A mon avis ce n'est pas un soucis de code dans le css car cela fonctionnait tres bien avant que je crée les autres pages. Mais bon , sait-on jamais :-p
En vous remerciant par avance.
Si vous ne comprenez pas quelques chose dites le moi.
A voir également:
- Probleme de couleur de lien
- Lien url - Guide
- Créer un lien pour partager des photos - Guide
- Verificateur de lien - Guide
- Excel cellule couleur si condition texte - Guide
- Boite a couleur - Télécharger - Divers Photo & Graphisme
9 réponses
Et-tu bien sur d 'avoir ajouté la ligne suivante entre les balises <head> et </head> ?:
<link rel="stylesheet" media="screen" type="text/css" title="Nom de ton design" href="LienDeTonDesign.css" />
Bonjour,
as tu aussi pensé à rajouter la propriété CSS :visited?
met dans ta css
a:visited
{
color:#FFF;
}
ou
a.nom_de_ta_class:visited
{
color:#FFF;
}
as tu aussi pensé à rajouter la propriété CSS :visited?
met dans ta css
a:visited
{
color:#FFF;
}
ou
a.nom_de_ta_class:visited
{
color:#FFF;
}
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
oui vu que j'ai fait un copier-coller de ma page index sur mes autre page, la ligne de CSS est mise ^^, voici mon CSS :
et mon HTML de ma page index:
et si ca vous interesse mon HTML d'une autre de mes pages par exemple biographie ^^:
voici un petit screen de la page biographie, donc le menu en violet que je comprends pas :
https://www.imagup.com
voila j'espère que cela vous aidera.
body
{
width: 1000px; /* largeur*/
margin: auto; /* Pour centrer la page */
margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur */
margin-bottom: 20px; /* Idem pour le bas du navigateur */
background-color: #333333; /* Couleur de fond du site */
}
/* L'en-tête */
#en_tete
{
width: 800px; /*largeur */
height: 100px; /*hauteur*/
margin-left: 100px;
background-image: url("images/banniere.jpg"); /* Url de la bannière */
background-repeat: no-repeat; /* Pour que l'image ne se repete pas */
margin-bottom: 40px; /* Pour éviter que l'en-tête ne soit trop collé à ce qui se trouve en dessous : le menu et le corps */
}
/* Le menu */
#menu
{
float: left; /* Le menu flottera à gauche */
width: 150px; /* La taille du menu */
font-size: 18px;
font-family: Arial;
}
#menu li
{
line-height: 30px;
list-style-type: none;
}
a:link
{
color: #ffffff;
text-decoration: none;
}
a:hover
{
color: #000000;
}
.element_menu
{
background-image: url("images/petit_menu.jpg"); /* url de l'image de fond */
}
/* Le corps de la page */
#corps
{
width: 600px;
margin-top: 60px;
margin-left: 200px; /*Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en dessous */
padding: 5px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
background-color: #333333; /* Une couleur de fond pour le corps */
border: 1px solid black; /*Une bordure pour bien marquer les limites du corps et pour faire joli */
}
/* Le piedde page*/
#pied_de_page
{
width: 800px;
margin-left: 100px;
padding: 5px; /* Pour éviterque le texte à l'intérieur du cadre ne colle trop à la bordure */
clear: both; /* Pour supprimer l'effet flottant du menu. Cela permet de s'assurer que le pied de page est bien sous le menu */
text-align: center; /* Pour centrer le texte*/
background-color: #333333; /* Une couleur de fond pour le pied de page */
border: 0px solid black; /* Une bordure pour bien marquer les limites du pied de page */
}
et mon HTML de ma page index:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Bienvenue</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="lecss" href="lecss.css" />
</head>
<body>
<div id="en_tete">
<!-- Ici on mettra la bannière -->
</div>
<div id="menu"><!-- Ici on mettra le menu -->
<div class="element_menu">
<ul>
<li><a href="index.html">Accueil</a></li>
<li><a href="biographie.html">Biographie</a></li>
<li><a href="galeries.html">Galerie</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
<div id="corps">
<!-- Ici on mettra le contenu principal de la page (tout le texte quoi) -->
</div>
<div id="pied_de_page">
<!-- Enfin, on mettra en bas de la page le nom de l'auteur, un copyright... -->
</div>
</body>
</html>
et si ca vous interesse mon HTML d'une autre de mes pages par exemple biographie ^^:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Bienvenue</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="lecss" href="lecss.css" />
</head>
<body>
<div id="en_tete">
<!-- Ici on mettra la bannière -->
</div>
<div id="menu"><!-- Ici on mettra le menu -->
<div class="element_menu">
<ul>
<li><a href="index.html">Accueil</a></li>
<li><a href="biographie.html">Biographie</a></li>
<li><a href="galeries.html">Galerie</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
<div id="corps"><!-- Ici on mettra le contenu principal de la page (tout le texte quoi) -->
<h3>Biographie</h3>
<p>A venir !!!</p>
</div>
<div id="pied_de_page">
<!-- Enfin, on mettra en bas de la page le nom de l'auteur, un copyright... -->
</div>
</body>
</html>
voici un petit screen de la page biographie, donc le menu en violet que je comprends pas :
https://www.imagup.com
voila j'espère que cela vous aidera.
dans ta CSS à la place de :
a:link
{
color: #ffffff;
text-decoration: none;
}
tu mets :
a:link, a:visited
{
color: #ffffff;
text-decoration: none;
}
et ça devrai fonctionner
a:link
{
color: #ffffff;
text-decoration: none;
}
tu mets :
a:link, a:visited
{
color: #ffffff;
text-decoration: none;
}
et ça devrai fonctionner
