28173 sujets

CSS et mise en forme, CSS3

Bonjour

J'ai mis en place un menu css en employant la technique des "portes coulissantes", je souhaiterai que le lien correspondant à la page affichée reste sur le fond vert le temps de la visite de la dite page, afin de d'indiquer à l' internaute ou il se trouve.

Je galère .. Smiley fache
Si vous avez une solution, merci

Bonne journée

http://www.hasparren.net

code css :
/* menu horizontal haut */
#nav
{
background-image: url(img/nav1.gif);
font-size: 1em; 
color: #006600; 
font-family: verdana; 
text-align: left;
float: left;
width: 100%;
margin-bottom: 1em;
}
#nav ul {
margin: 0px;
padding: 0px;
}
#nav li {
margin: 0; 
padding: 0;
display: inline;
}
#nav li a:link, #nav li a:visited {
display: block;
float: left;
height: 16px;
line-height: 16px;
text-decoration: none;
text-align: center;
background: url() repeat-x;
padding: 0 13px;
color: white;
text-decoration: none;
}
#nav li a:hover, #nav li a:active {
background: url(img/nav2.gif) 0 -16px;
padding: 0 13px;
color: white;
text-decoration: none;
} 

Modifié par africa (17 Oct 2007 - 11:57)
Salut,

Il te faut faire appel à un peu de PHP :

Dans chacun des fichiers de tes pages, il faut que tu rajoute une variable de nom de page, par exemple :
<?php $pageName = "accueil";?>


Ensuite, il faut reformuler le menu pour qu'il s'adapte au nom de la page :
<ul>
<li><?php if ($pageName == 'accueil') { echo '<p class="menuactif">Accueil</p>'; } else { echo '<a href="index.php">Accueil</a>'; } ?></li>
...
</ul>


En gros, s'il trouve que le nom de page s'appelle "accueil", il va montrer la portion de code qui suit (ici un paragraphe qui aura pour classe "menuactif"). Le lien ne sera pas cliquable, et aura son style défini.
Si le nom de la page n'est pas "accueil", il montrera alors un lien cliquable qui aura le même style que tous les liens du menu.

Chose importante, il faut penser à renommer tous les fichiers en .php au lieu de .htm ou .html Smiley cligne
Florent V. a écrit :
Hello,

Dites, c'est moi ou bien la FAQ en parle? Smiley lol



Merci Florent

Smiley confused Pas assez chercher ...! Pas évident de formuler les termes de sa recherche, en tout cas pour mon cas, ce forum est si riche ( Oui, je sais je fayote un peu, mais c'est si vrai)

Je vais essayer la solution css Smiley biggrin

Bon après midi
Modifié par africa (17 Oct 2007 - 11:58)