Liens en css
Résolu
mazzette
Messages postés
33
Date d'inscription
Statut
Membre
Dernière intervention
-
azieaze -
azieaze -
Bonjour,
Je suis en train de concevoir un site internet en utilisant une feuille de style CSS
J'ai un petit pb concernant les liens.
En effet, j'ai deux barres de navigations :
- l'une est horizontale : les liens sont en blancs ;
- l'autre est verticale : les liens sont en bleu ;
Mon problème est le suivant :
Je n'arrive pas à trouver le bon code pour que le lien de la page en cours deviennent vert (donc lorsque le lien est actif) et que ce dernier passe Blanc lorsque l'on clique sur un autre lien.
Quelqu'un pourrait il m'aider ?
Voici ce que j'ai fait :
a{
text-decoration: none;
color: #8fbe47;
}
Merci
Je suis en train de concevoir un site internet en utilisant une feuille de style CSS
J'ai un petit pb concernant les liens.
En effet, j'ai deux barres de navigations :
- l'une est horizontale : les liens sont en blancs ;
- l'autre est verticale : les liens sont en bleu ;
Mon problème est le suivant :
Je n'arrive pas à trouver le bon code pour que le lien de la page en cours deviennent vert (donc lorsque le lien est actif) et que ce dernier passe Blanc lorsque l'on clique sur un autre lien.
Quelqu'un pourrait il m'aider ?
Voici ce que j'ai fait :
a{
text-decoration: none;
color: #8fbe47;
}
Merci
A voir également:
- Liens en css
- Vérificateur de liens - Guide
- Ou trouver les liens copiés sur android - Guide
- Telecharger liens direct - Accueil - Outils
- Lien photos en ligne - Guide
- Liens copiés ✓ - Forum Google Chrome
7 réponses
Salut,
a:link { color: red;} /* lien non-visité */
a:visited { color: white;} /* lien visité */
a:hover { color: yellow;} /* lien survolé */
a:active { color: green;} /* lien activé */
tu peux choisir les lignes qui t'intéressent là-dedans... ;-)
a:link { color: red;} /* lien non-visité */
a:visited { color: white;} /* lien visité */
a:hover { color: yellow;} /* lien survolé */
a:active { color: green;} /* lien activé */
tu peux choisir les lignes qui t'intéressent là-dedans... ;-)
azieaze
zooooo
Bonjour,
En fait, il me semble que ce tu essaies de faire n'est pas possible en CSS.
“que le lien de la page en cours deviennent vert”
Or, a:active ne correspond pas à ça :
“• La pseudo-classe :active… est appliquée quand l'utilisateur active un élément. Par exemple, entre le moment où l'utilisateur presse le bouton de la souris et le relâche.”
+ Salut Dalida.
En fait, il me semble que ce tu essaies de faire n'est pas possible en CSS.
“que le lien de la page en cours deviennent vert”
Or, a:active ne correspond pas à ça :
“• La pseudo-classe :active… est appliquée quand l'utilisateur active un élément. Par exemple, entre le moment où l'utilisateur presse le bouton de la souris et le relâche.”
+ Salut Dalida.
salut Gihef !
mais avec ':link' et ':visited' colorés en vert il devrait s'afficher en vert sauf lorsque le lien est déjà visité puisque elle le colore en blanc.
enfin c'est que j'en ai compris. je ne crois pas que mazette voulais utiliser ':active'.
bref… le meilleur moyen pour se comprendre est encore d'attendre sa version des choses !
à plus tout le monde !
mais avec ':link' et ':visited' colorés en vert il devrait s'afficher en vert sauf lorsque le lien est déjà visité puisque elle le colore en blanc.
enfin c'est que j'en ai compris. je ne crois pas que mazette voulais utiliser ':active'.
bref… le meilleur moyen pour se comprendre est encore d'attendre sa version des choses !
à plus tout le monde !
bjr à tous,
Non je n'ai pas de version en ligne
En effet, je souhaiterais que le lien de la page en cours devienne vert. Mais apparemment ce n'est pas possible en css.. enfin presque puis que j'ai trouvé une parade mais une fois sur la page en cours le lien est bien vert mais il n'est plus accessible (cliquable)
Voici le code sur page web :
<table width="547" height="24" border="0" align="right" cellpadding="0" cellspacing="0" id="tabmenus">
<tr >
<td width="91" ><div align="center" id="lienencours">ACCUEIL</div></td>
<td width="118"><div align="center" class="menus"><a href="asso.html">ASSOCIATION</a></div></td>
<td width="151"><div align="center" class="menus">OFFRES D'EMPLOIS </div></td>
<td width="106"><div align="center" class="menus">BANQUE CV </div></td>
<td width="81"><div align="center" class="menus">CONTACT</div></td>
</tr>
voici le code de la feuille d style :
/* Mise en forme des liens */
#lienencours {
font-family:arial;
font-weight:bold;
font-size:11px;
color:#8fbe47;
text-decoration:none;
}
a:link { color:#ffffff; text-decoration:none;}
a:visited { color:#ffffff; text-decoration:none; }
a:hover { color:#8fbe47; text-decoration:none; }
cependant il est possible de le réaliser en php en identifiant la page en question et en ajoutant une classe spécifique sur ce lien en utilisant le php. cependant je nage un peu en php...
Non je n'ai pas de version en ligne
En effet, je souhaiterais que le lien de la page en cours devienne vert. Mais apparemment ce n'est pas possible en css.. enfin presque puis que j'ai trouvé une parade mais une fois sur la page en cours le lien est bien vert mais il n'est plus accessible (cliquable)
Voici le code sur page web :
<table width="547" height="24" border="0" align="right" cellpadding="0" cellspacing="0" id="tabmenus">
<tr >
<td width="91" ><div align="center" id="lienencours">ACCUEIL</div></td>
<td width="118"><div align="center" class="menus"><a href="asso.html">ASSOCIATION</a></div></td>
<td width="151"><div align="center" class="menus">OFFRES D'EMPLOIS </div></td>
<td width="106"><div align="center" class="menus">BANQUE CV </div></td>
<td width="81"><div align="center" class="menus">CONTACT</div></td>
</tr>
voici le code de la feuille d style :
/* Mise en forme des liens */
#lienencours {
font-family:arial;
font-weight:bold;
font-size:11px;
color:#8fbe47;
text-decoration:none;
}
a:link { color:#ffffff; text-decoration:none;}
a:visited { color:#ffffff; text-decoration:none; }
a:hover { color:#8fbe47; text-decoration:none; }
cependant il est possible de le réaliser en php en identifiant la page en question et en ajoutant une classe spécifique sur ce lien en utilisant le php. cependant je nage un peu en php...
Ben ca i é jé compris en php ... mais cé la meme chose.. je ne pe recliquer sur le bouton lorsqu'il est actif...
Voici le code :
Chaque début de page inscrire le nom de la page :
Page Index :
<?php $pageName = "ACCUEIL"; ?>
<?php include 'mainNav.php'; ?>
Page ASSOCIATION :
<?php $pageName = "ASSOCIATION"; ?>
<?php include 'mainNav.php'; ?>
La page "MainNav.php" (début du menu) :
<div id="fondmenus">
<table width="547" height="24" border="0" align="right" cellpadding="0" cellspacing="0" id="tabmenus">
<tr >
<td width="91" > <div align="center">
<?php if ($pageName == 'ACCUEIL') { echo '<span id="lienencours">ACCUEIL</span>'; } else { echo '<a href="index.php">ACCUEIL</a>'; } ?></div>
</td>
<td width="118"><div align="center" class="menus">
<?php if ($pageName == 'ASSOCIATION') { echo '<span id="lienencours">ASSOCIATION</span>'; } else { echo '<a href="association.php">ASSOCIATION</a>'; } ?> </div>
</td>
et enfin la feuille de style pour les liens :
#lienencours{
font-family:arial;
font-weight:bold;
font-size:11px;
color:#8fbe47;
text-decoration:none;
}
a:link { font-family:arial;
font-weight:bold;
font-size:11px;
color:#ffffff;
text-decoration:none;}
a:visited { font-family:arial;
font-weight:bold;
font-size:11px;
color:#ffffff; text-decoration:none; }
a:hover { font-family:arial;
font-weight:bold;
font-size:11px;
color:#8fbe47; text-decoration:none; }
Voici le code :
Chaque début de page inscrire le nom de la page :
Page Index :
<?php $pageName = "ACCUEIL"; ?>
<?php include 'mainNav.php'; ?>
Page ASSOCIATION :
<?php $pageName = "ASSOCIATION"; ?>
<?php include 'mainNav.php'; ?>
La page "MainNav.php" (début du menu) :
<div id="fondmenus">
<table width="547" height="24" border="0" align="right" cellpadding="0" cellspacing="0" id="tabmenus">
<tr >
<td width="91" > <div align="center">
<?php if ($pageName == 'ACCUEIL') { echo '<span id="lienencours">ACCUEIL</span>'; } else { echo '<a href="index.php">ACCUEIL</a>'; } ?></div>
</td>
<td width="118"><div align="center" class="menus">
<?php if ($pageName == 'ASSOCIATION') { echo '<span id="lienencours">ASSOCIATION</span>'; } else { echo '<a href="association.php">ASSOCIATION</a>'; } ?> </div>
</td>
et enfin la feuille de style pour les liens :
#lienencours{
font-family:arial;
font-weight:bold;
font-size:11px;
color:#8fbe47;
text-decoration:none;
}
a:link { font-family:arial;
font-weight:bold;
font-size:11px;
color:#ffffff;
text-decoration:none;}
a:visited { font-family:arial;
font-weight:bold;
font-size:11px;
color:#ffffff; text-decoration:none; }
a:hover { font-family:arial;
font-weight:bold;
font-size:11px;
color:#8fbe47; text-decoration:none; }
Vous n’avez pas trouvé la réponse que vous recherchez ?
Posez votre question
Hoo Dalida, MERCI!!!!! Ça fait bien 1 ans que je cherche pourquoi j'ai un prob avec mes liens, mais je ne savais pas qu'il y avais un ordre (Love Hate) :D Merci encore
merci mais cela ne fonctionne pas .. j'ai déjà essayé et il ne m'affiche pas le lien en vert lorsque je suis sur la page en cours. Il reste blanc
ben dans ma feuille de style externe j'ai :
- la mise en forme de mon menu (classe) : police, taille; mais je n'ai pas mis de couleur
- la mise en forme des liens : voici :
a:visited {
text-decoration: none;
color:#ffffff;
}
a:hover {
text-decoration: none;
color:#8fbe47;
}
a:active {
text-decoration: none;
color:#8fbe47;
}
La couleur verte ne s'affiche que lors du survol
- la mise en forme de mon menu (classe) : police, taille; mais je n'ai pas mis de couleur
- la mise en forme des liens : voici :
a:visited {
text-decoration: none;
color:#ffffff;
}
a:hover {
text-decoration: none;
color:#8fbe47;
}
a:active {
text-decoration: none;
color:#8fbe47;
}
La couleur verte ne s'affiche que lors du survol
On m'a donné également ce lien pour le php...
http://www.maratz.com/blog/archives/2004/11/18/faux-active-link/
je vais donc tenter
http://www.maratz.com/blog/archives/2004/11/18/faux-active-link/
je vais donc tenter
