28220 sujets

CSS et mise en forme, CSS3

Comment indiquer la rubrique en cours

Bonjour je débute en css et veux rendre dynamique une barre de navigation

1 ) existe-il une propriété de type a:hover ou a:visited pour le lien courant ?
Je m'explique : ma barre de nav comprend des éléments avec rollover etc et quand je clique sur un des boutons de ma nav je veux qu'il reste dans l'état du rollover (ou autre) pour indiquer que je suis bien dans la rubrique active
Le souci c'est que je veux le faire de façon dynamique car j'utilise un seul fichier pour afficher mon menu quelque soit la rubrique choisie

Merci
Tu pourrais nous montrer un peu ton code html ou un aperçu de ta page car là c'est pas très clair, merci.
En fait je voudrais faire une nav genre
http://css.maxdesign.com.au/listamatic/horizontal05.htm
en indiquant à chaque fois le lien cliqué comme dans l'exemple le lien 1
<div id="navcontainer">
<ul id="navlist">
<li id="active"><a href="#" id="current">Item one</a></li>
<li><a href="#">Item two</a></li>
<li><a href="#">Item three</a></li>
<li><a href="#">Item four</a></li>
<li><a href="#">Item five</a></li>
</ul>
</div>


je comprends la notion de lien courant indiqué dans l'exemple par un
id="current" auquel on définit un style avec
#navlist li a#current
{
background: white;
border-bottom: 1px solid white;
}


Mais je voudrais faire celà de façon dynamique
cad en PHP ou autre modifier mon code XHTML de façon à ce que id="current" soit positionné sur le lien cliqué
(car je ne veux pas recharger un menu à chaque fois )
Est-ce plus clair ??
Peut etre peux tu en script définir la classe du lien courant, tout en gardant son id pour le selectionner.
Avec du JS (je ne suis pas un spécialiste), ça donnerait quelque chose comme ça
<html>
<head>
<style type="text/css"> 
.hop {
color:#000000;
} 
.hop2{
color:#FF0000;
}
</style>
<script language="javascript">
function clac(){
document.getElementById('idp').className='hop2';
}
</script>
<body>

<p id="idp" class="hop">dfijgsougbd</p>
<a href="#" onClick="clac()">bui</a>
</body>
</html>
Je le fais en pure CSS sur radio86.se.

L'astuce: un id ou une class sur le body, qui est indépendant du menu, et un menu dans un fichier include.

dans les css cela donne un truc du genre



a#navlinkfront, a#navlinksection1{text-decoration:none;}

puis qq trucs pour les hover

et ensuite

body#frontpage a#navlinkfront{text-decoration:underline;}

body#section1 a#navlinksection1{text-decoration:underline;}

Modifié par matgorb (24 Nov 2005 - 12:06)
Ok merci je ne recommencerai pas Smiley confused
Je vais lire tous ces liens intéressants
En tout cas merci à tous pour votre réactivité
Sujet clos
Aller à