La Communauté Webmaster  forum rss


  Forum-webmaster
  Technique - programmation
  HTML / CSS / XHTML
(Modérateurs: Shain, Netah, Lilian, lauryv, ToToMaStEr)
  2 styles de liens dans le même bloc div
« Précédent Suivant »
Pages: [1] Descendre
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
  Auteur  Sujet: 2 styles de liens dans le même bloc div  (Lu 2341 fois)
2 styles de liens dans le même bloc div
« sur: le 02-11-2012 a 12:06:33 »
nisage
Membre récent
*

Hors-Ligne

Messages: 6





Voir le Profil
Répondre avec citation

Bonjour à tous,
J'ai créé un menu de navigation pour mon site avec balises div.
Je souhaite pouvoir mettre en place 2 styles de liens dans ce même bloc.
En effet, ce qui m'intéresse, c'est que lorsque l'on clique sur un lien du menu, et bien celui-ci reste actif tout le temps quand la page correspondante est elle aussi active. Je sais que cela n'est pas possible, du moins en CSS apparemment, et je ne veux pas me mettre au PHP....
Donc pour contourner ce problème, je me suis dit que le mieux serait de donner au lien qui reste actif d'autres propriétés de liens, en changeant la couleur par exemple.
Quelqu'un aurait-il quelque choses à me suggérer ?
Merci d'avance !!!

Rapporter au modérateur  

Re:2 styles de liens dans le même bloc div
« Répondre #1 sur: le 02-11-2012 a 13:03:33 »
GuillaumeRoos
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 122





Voir le Profil    WWW    E-Mail
Répondre avec citation

Bonjour,

Si j'ai bien compris ce que vous voulez faire, il suffit d'ajouter un attribut "style="color:votre couleur"" sur le lien correspondant à la page en cours. Bien-sûr, ça oblige à réécrire le menu entièrement à chaque page mais, comme vous avez dit ne pas vouloir utiliser de php, je suppose que c'est déjà le cas

Rapporter au modérateur  

Guillaume Roos - Web Designer, développeur et illustrateur indépendant
http://www.guillaumeroos.com
siret : 513 379 420 00013
Re:2 styles de liens dans le même bloc div
« Répondre #2 sur: le 02-11-2012 a 13:13:03 »
nisage
Membre récent
*

Hors-Ligne

Messages: 6





Voir le Profil
Répondre avec citation

Bonjour,
Merci beaucoup pour votre réponse.
En fait pour les liens de mon menu, j'ai sur ma feuille CSS écrit le code suivant pour les liens :

#barre_titre a{color :#333333;}
#barre_titre a:hover {color:#666;text-decoration:underline;}
#barre_titre a:active {color:red;}

Du coup, je ne vois pas trop comment et à quel endroit inscrire le nouvel attribut color pour le liens qui doit rester actif (donc dans une autre couleur).......

Rapporter au modérateur  
Re:2 styles de liens dans le même bloc div
« Répondre #3 sur: le 02-11-2012 a 13:30:46 »
nisage
Membre récent
*

Hors-Ligne

Messages: 6





Voir le Profil
Répondre avec citation

J'ai oublié de préciser, je suis méga débutant en CSS......

Rapporter au modérateur  
Re:2 styles de liens dans le même bloc div
« Répondre #4 sur: le 02-11-2012 a 13:48:43 »
Bluely
Membre récent
*

Hors-Ligne

Sexe: Femelle
Messages: 56





Voir le Profil
Répondre avec citation

Coucou
Pour la solution, il te faut ajouter un style pour chaque lien correspondant à la page en cours.
(Je n'ai pas rajouté les liens dans l'exemple)
Ex pour index.html
<ul>
<li class="actif"> accueil  </li>
<li> service </li>
<li> contact  </li>
</ul>

Et dans la css , tu personnalises ta classe actif
.actif{color:red;}

J'espère t'avoir aidé

« Dernière Édition: le 02-11-2012 a 13:50:44 par Bluely » Rapporter au modérateur  
Re:2 styles de liens dans le même bloc div
« Répondre #5 sur: le 02-11-2012 a 14:09:46 »
GuillaumeRoos
P'tit nouveau
**

Hors-Ligne

Sexe: Male
Messages: 122





Voir le Profil    WWW    E-Mail
Répondre avec citation

Citation de: nisage le le 02-11-2012 a 13:13:03
Bonjour,
Merci beaucoup pour votre réponse.
En fait pour les liens de mon menu, j'ai sur ma feuille CSS écrit le code suivant pour les liens :

#barre_titre a{color :#333333;}
#barre_titre a:hover {color:#666;text-decoration:underline;}
#barre_titre a:active {color:red;}

Du coup, je ne vois pas trop comment et à quel endroit inscrire le nouvel attribut color pour le liens qui doit rester actif (donc dans une autre couleur).......

En fait, vous pouvez placer un attribut "style" directement sur l'élément dans votre code html. Voici l'exemple pour un lien :
<a href="blabla.html" style="color:#ffff00">Mon Lien</a>

Comme l'attribut de style est la dernière information css qui sera donnée au navigateur, ce sera celle qui prendra le pas sur le reste. Ça permet de créer des exceptions dans les styles.

Soit ça, soit en créant une nouvelle classe comme le suggère Bluely.

Rapporter au modérateur  

Guillaume Roos - Web Designer, développeur et illustrateur indépendant
http://www.guillaumeroos.com
siret : 513 379 420 00013
Re:2 styles de liens dans le même bloc div
« Répondre #6 sur: le 02-11-2012 a 15:24:36 »
nisage
Membre récent
*

Hors-Ligne

Messages: 6





Voir le Profil
Répondre avec citation

MILLE MERCIS !!

Rapporter au modérateur  
Répondre    Aviser des réponses    Envoyer le sujet    Imprimer
Pages: [1] Monter
« Précédent Suivant »
Sauter à: 

Votre statut : Invité
Vous devez être membre pour participer.
 
 
Let’s Encrypt : le certificat SSL gratuit
Tester votre site internet sur différents navigateurs
[WordPress] Des problèmes avec l’administration ?
Rappel : Mettez à jour vos CMS et vos sites E-commerce
Le .fr fête ses 25 années d’existence !
Mesurer votre audience en temps réel avec BubbleStat
Porter réclamation contre Google Panda ?
Zlio n’est plus …
 
 
 
 
 

Copyright (c) Devclic 2002 - 2026 - Tous droits réservés

creation site internet strasbourg