KioskeaKioskeaCommentCaMarcheInscrivez-vous, c'est gratuit !
Dimanche 18 mai 2008 - 02:25:59

Liens en css

Ils ont besoin de votre aide Tous les messages sans réponse
"image aleatoire" css "avec lien" Background-image css lien body Balises css faire un lien dans une image Couleur lien css Css aligner image et lien Css lien clique Css style lien Css type lien survol Deux lien css liens différents Différentes couleurs liens css Enlever bordure image lien css Fond d'un lien css Image aleatoire en css avec lien Lien ancre div css Lien css attribut a Lien css image ne s'affiche pas Lien css javascript Lien url en css Liens css dreamweaver Logo liens css Menu déroulant dynamique centré js lien css
 
Actualité Toutes les actualités
 
Les règles à respecter
 Réserver un accueil cordial aux nouveaux utilisateurs.
 Poster son message dans le thème le plus approprié.
 Respecter la législation en vigueur.
 Faire usage de formule de politesse et échanger avec courtoisie.
 Ne pas poster de message à vocation commerciale.
 Rédiger les messages dans un langage clair sans abréviations, style télégraphique ou mode SMS
Le cas échéant, expliquer de manière pédagogique les règles du forum
Lire le texte complet de la charte
Avis de la communauté Autres avis
Avis / Logiciels Autres avis
Rechercher : dans
Messages sans réponseStatistiques Posez votre question
liens en css
par mazzette
 Fil de Discussions
Statut : Résolu
lundi 14 mai 2007 à 11:15:28
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 sand
Configuration: Windows XP
Internet Explorer 6.0
Répondre à mazzette  Signaler ce message aux modérateurs Aller au dernier message

1


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par xjl, le lundi 14 mai 2007 à 11:24:56 Fil de Discussions
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... ;-)
   
Répondre à xjl

2


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par mazzette, le lundi 14 mai 2007 à 11:38:20 Fil de Discussions
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 sand
   
Répondre à mazzette

3


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par xjl, le lundi 14 mai 2007 à 11:41:58 Fil de Discussions
Ok, regarde si tu n'appelles pas une feuille css au début de ta page qui spécifierait que tu veux les liens actifs en blanc et qui pourrait provoquer des problèmes d'héritage, ou quelquechose dans le genre...
   
Répondre à xjl

4


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par mazzette, le lundi 14 mai 2007 à 11:50:14 Fil de Discussions
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
sand
   
Répondre à mazzette

5


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par Dalida, le lundi 14 mai 2007 à 13:24:22 Fil de Discussions
salut,

il faut que tu définisse la pseudo classe 'link' de la balise <a>. 
a:link{color:green;}

et surtout il faut respecter l'ordre link, visited, hover, active (pour t'en rappeller : LoVe HAte). 
Il y a surement des pandas pour ne dépendre de rien
Et des pourquoi pas qui durent jusqu'à demain
   
Répondre à Dalida

6


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par mazzette, le lundi 14 mai 2007 à 14:22:24 Fil de Discussions
merci pour ta réponse
mais je ne comprends pas ... cé tjrs pareil.. il n me prend pas la couleur verte lorsque je suis sur la page en cours sand
   
Répondre à mazzette

7


  • 1    Ce message vous semble utile, votez !
  • Ce message ne vous semble pas utile, votez !
  • Signaler ce message aux modérateurs
Par Dalida, le lundi 14 mai 2007 à 17:50:13 Fil de Discussions
est-ce qu'il n'est pas considéré comme lien visité (vide ton cache pour être sure) ? à mon avis c'est de là que ça vient.

est-ce que le style n'est pas défini dans une balise html (<a> ou <body> pour 'vlink') ?

mais surtout, as-tu une version en ligne ? 
Il y a surement des pandas pour ne dépendre de rien
Et des pourquoi pas qui durent jusqu'à demain
   
Répondre à Dalida

8


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par Gihef, le lundi 14 mai 2007 à 18:19:28 Fil de Discussions
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.
 
   
Répondre à Gihef

9


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par Dalida, le lundi 14 mai 2007 à 20:11:09 Fil de Discussions
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 ! 
Il y a surement des pandas pour ne dépendre de rien
Et des pourquoi pas qui durent jusqu'à demain
   
Répondre à Dalida

10


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par mazzette, le mardi 15 mai 2007 à 14:41:49 Fil de Discussions
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...
sand
   
Répondre à mazzette

11


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par mazzette, le mardi 15 mai 2007 à 14:53:08 Fil de Discussions
On m'a donné également ce lien pour le php...

http://maratz.com/blog/archives/2004/11/18/faux-active-link/

je vais donc tenter sand
   
Répondre à mazzette

12


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par mazzette, le mardi 15 mai 2007 à 16:56:49 Fil de Discussions
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; }


sand
   
Répondre à mazzette

13


  • Ce message vous semble utile, votez !
  • Signaler ce message aux modérateurs
Par mazzette, le mardi 15 mai 2007 à 17:04:40 Fil de Discussions 
petite précision.. il est inutile de faire appel à la classe menus sand
   
Répondre à mazzette
Discussions pertinentes trouvées dans le forum
17/01 14h34liens css de couleurs différentesWebmastering17/01 17h576
17/06 08h50Survol lien - CSSWebmastering17/12 14h526
15/12 17h07probleme de lien cssWebmastering16/12 21h175
21/02 16h25un pb de css sur mes liens...Programmation22/02 15h252
07/12 22h59css - lien couleurWebmastering08/12 15h267
Plus de discussions sur « liens en css » Discussion en cours Discussion fermée Problème résolu
Répondre
Titre du message :
Votre pseudo:
Votre email :
Message: 
  •  
  •  
Options: Recevoir les réponses par mail.
 

Aide