Menu actif en CSS
Résolu/Fermé
photomartin
Messages postés
174
Date d'inscription
lundi 28 août 2006
Statut
Membre
Dernière intervention
7 juillet 2011
-
8 févr. 2008 à 21:00
photomartin Messages postés 174 Date d'inscription lundi 28 août 2006 Statut Membre Dernière intervention 7 juillet 2011 - 10 févr. 2008 à 15:04
photomartin Messages postés 174 Date d'inscription lundi 28 août 2006 Statut Membre Dernière intervention 7 juillet 2011 - 10 févr. 2008 à 15:04
A voir également:
- Menu active css
- Menu déroulant excel - Guide
- Menu démarrer windows 11 - Guide
- Pass telecommande active - Forum Téléviseurs
- Samira a modifié le menu du jour que juliette lui avait envoyé. retrouvez les modifications proposées par samira : acceptez celles concernant les entrées, refusez celles concernant les plats et les desserts. combien de caractères (en incluant les espaces) contient la version finale du menu ? - Forum Matériel & Système
- Retour à la ligne css - Forum CSS
10 réponses
photomartin
Messages postés
174
Date d'inscription
lundi 28 août 2006
Statut
Membre
Dernière intervention
7 juillet 2011
19
10 févr. 2008 à 14:07
10 févr. 2008 à 14:07
Bonjour et merci pour vos messages...
Voila, j'ai fait plusieurs essais et j'ai trouvé une solution en CSS.
En fait ce que j'ai fait c'est ajouter ceci au fichier CSS:
-------------------------------------------------------------------------------
#navcontainer li#active
{
background-color: #f0b000 ;
color: #ffffff ;
}
#navcontainer li#active a:link
{
background-color: #f0b000 ;
color: #ffffff ;
}
#navcontainer li#active a:visited
{
background-color: #f0b000 ;
color: #ffffff ;
}
PhotoMartin
-------------------------------------------------------------------------------
et au fichier HTML j'ajoute un "active" comme ceci:
-------------------------------------------------------------------------------
<div id="navcontainer">
<ul id="navlist">
<li><a title="Liens" href="linkfr.html">Liens</a></li>
<li><a title="Contact" href="contactfr.html">Contact</a></li>
<li><a title="Portfolio - Book - Travaux Photographiques" href="pportfoliofr.html">Portfolio</a></li>
<li><a title="Biographie - Curriculum" href="biofr.html">Bio</a></li>
<li id="active"><a title="Accueil" href="homefr.html">Accueil</a></li>
</ul>
</div>
-------------------------------------------------------------------------------
Maintenant j'ai une autre question: étant donné que mon fichier CSS devenais TROP long j'ai séparé mon code et ai crée trois fichiers CSS différents; à savoir: style.css (pour la mise en page générale), form.css (pour le formulaire qui s'affiche dans ma page de contact) et menu.css (pour la barre de navigation du site).
Ce que je voudrais savoir est si cela peut poser des problèmes ou s'il veut mieux de tout laisser dans un unique et même fichier CSS???
Merci encore une fois,
Martin
Voila, j'ai fait plusieurs essais et j'ai trouvé une solution en CSS.
En fait ce que j'ai fait c'est ajouter ceci au fichier CSS:
-------------------------------------------------------------------------------
#navcontainer li#active
{
background-color: #f0b000 ;
color: #ffffff ;
}
#navcontainer li#active a:link
{
background-color: #f0b000 ;
color: #ffffff ;
}
#navcontainer li#active a:visited
{
background-color: #f0b000 ;
color: #ffffff ;
}
PhotoMartin
-------------------------------------------------------------------------------
et au fichier HTML j'ajoute un "active" comme ceci:
-------------------------------------------------------------------------------
<div id="navcontainer">
<ul id="navlist">
<li><a title="Liens" href="linkfr.html">Liens</a></li>
<li><a title="Contact" href="contactfr.html">Contact</a></li>
<li><a title="Portfolio - Book - Travaux Photographiques" href="pportfoliofr.html">Portfolio</a></li>
<li><a title="Biographie - Curriculum" href="biofr.html">Bio</a></li>
<li id="active"><a title="Accueil" href="homefr.html">Accueil</a></li>
</ul>
</div>
-------------------------------------------------------------------------------
Maintenant j'ai une autre question: étant donné que mon fichier CSS devenais TROP long j'ai séparé mon code et ai crée trois fichiers CSS différents; à savoir: style.css (pour la mise en page générale), form.css (pour le formulaire qui s'affiche dans ma page de contact) et menu.css (pour la barre de navigation du site).
Ce que je voudrais savoir est si cela peut poser des problèmes ou s'il veut mieux de tout laisser dans un unique et même fichier CSS???
Merci encore une fois,
Martin