par
Angela81 » 25 août 2012, 11:37
Bonjour !
Un grand merci à Ryle et à Schim59 pour vos réponses.
Finalement, j'ai opté pour la solution "title" (la fameuse option dont je parlais dans mon premier message et dont j'avais un peu oublié le nom. Merci Ryle !).
Schim59 : ta solution est certainement très bien aussi, sauf que la disposition des differentes parties de mon site se fait par display : inline-block et que, du coup, les position relative ou absolue au milieu, j'ai eu un peu de mal. J'avoue que je n'avais pas envie de me prendre la tête la dessus pendant une semaine "au cas où un petit malin aurait eu envie de voir s'il ne pouvait pas acceder à la partie privé du site" (parce qu'à l'origine, le menu_factice c'etait pour ça !). Donc j'ai choisi la solution la plus simple et la plus rapide à mettre en place.
Si ça interesse quelqu'un, je vous met les codes
Celui de mon menu avec parties factices :
<nav class="nav_menu_top1">
<ul>
<li><a href="accueil.php"><?php echo text_accueil; ?></a></li>
<li> <!-- ça c'est un vrai "bouton" qui redirige vers une autre page. -->
<div class="a_factice" title="<?php echo text_reserve ;?>"><?php echo text_esp_membre ;?></div> </li> <!-- ça c'est un faux bouton qui ne fait rien du tout sauf l'affichage d'un petit cadre "réservé" -->
</ul>
</nav>
On peut ajouter des boutons autant qu'on veut. Faut juste choisir entre le modèle <a href""...> ou <div class="a_factice">
et le css qui va avec : (qui peut bien sûr être amélioré)
/* le menu_top1 */
.nav_menu_top1 ul {
padding:0;
margin:0;
list-style-type:none;
}
.nav_menu_top1 li {
margin-left:2px;
float:left; /*pour IE*/
}
.nav_menu_top1 ul li a {
display:block;
float:left;
width:100px;
background-color:#6495ED;
color:black;
text-decoration:none;
text-align:center;
padding:5px;
border:2px solid;
/*pour avoir un effet "outset" avec IE :*/
border-color:#DCDCDC #696969 #696969 #DCDCDC;
}
.nav_menu_top1 ul li a:hover {
background-color:#D3D3D3;
border-color:#696969 #DCDCDC #DCDCDC #696969;
}
.nav_menu_top1 ul li .a_factice {
display:block;
float:left;
width:100px;
background-color:#6495ED;
color:black;
text-decoration:none;
text-align:center;
padding:5px;
border:2px solid;
/*pour avoir un effet "outset" avec IE :*/
border-color:#DCDCDC #696969 #696969 #DCDCDC;
}
.nav_menu_top1 ul li .a_factice:hover {
background-color:#D3D3D3;
border-color:#696969 #DCDCDC #DCDCDC #696969;
}
Sachant quand même que si vous faites un simple copier/coller, ça ne fonctionnera pas chez vous. Il faut changer les <?php echo text_xxx; ?> par des echo simples ou carrément, si vous n'avez pas un besoin vital d'utiliser echo, les remplacer par du texte normal.
Dans mon code, j'ai fait des echo text_xxx car le site est multi-langue et ça permet de changer automatiquement la langue du texte a afficher selon la langue que parle le visiteur (sauf que ça fait référence à 2 autres fichiers dont je ne vous ai pas donné les codes). Pour ceux que le sujet du multi-langue interesse , voir ici :
http://phpdebutant.org/article107.php.
Bon week-end à tous !
Bonjour !
Un grand merci à Ryle et à Schim59 pour vos réponses.
Finalement, j'ai opté pour la solution "title" (la fameuse option dont je parlais dans mon premier message et dont j'avais un peu oublié le nom. Merci Ryle !).
Schim59 : ta solution est certainement très bien aussi, sauf que la disposition des differentes parties de mon site se fait par display : inline-block et que, du coup, les position relative ou absolue au milieu, j'ai eu un peu de mal. J'avoue que je n'avais pas envie de me prendre la tête la dessus pendant une semaine "au cas où un petit malin aurait eu envie de voir s'il ne pouvait pas acceder à la partie privé du site" (parce qu'à l'origine, le menu_factice c'etait pour ça !). Donc j'ai choisi la solution la plus simple et la plus rapide à mettre en place.
Si ça interesse quelqu'un, je vous met les codes
Celui de mon menu avec parties factices :
[php] <nav class="nav_menu_top1">
<ul>
<li><a href="accueil.php"><?php echo text_accueil; ?></a></li>
<li> <!-- ça c'est un vrai "bouton" qui redirige vers une autre page. -->
<div class="a_factice" title="<?php echo text_reserve ;?>"><?php echo text_esp_membre ;?></div> </li> <!-- ça c'est un faux bouton qui ne fait rien du tout sauf l'affichage d'un petit cadre "réservé" -->
</ul>
</nav> [/php]
On peut ajouter des boutons autant qu'on veut. Faut juste choisir entre le modèle <a href""...> ou <div class="a_factice">
et le css qui va avec : (qui peut bien sûr être amélioré)
[css] /* le menu_top1 */
.nav_menu_top1 ul {
padding:0;
margin:0;
list-style-type:none;
}
.nav_menu_top1 li {
margin-left:2px;
float:left; /*pour IE*/
}
.nav_menu_top1 ul li a {
display:block;
float:left;
width:100px;
background-color:#6495ED;
color:black;
text-decoration:none;
text-align:center;
padding:5px;
border:2px solid;
/*pour avoir un effet "outset" avec IE :*/
border-color:#DCDCDC #696969 #696969 #DCDCDC;
}
.nav_menu_top1 ul li a:hover {
background-color:#D3D3D3;
border-color:#696969 #DCDCDC #DCDCDC #696969;
}
.nav_menu_top1 ul li .a_factice {
display:block;
float:left;
width:100px;
background-color:#6495ED;
color:black;
text-decoration:none;
text-align:center;
padding:5px;
border:2px solid;
/*pour avoir un effet "outset" avec IE :*/
border-color:#DCDCDC #696969 #696969 #DCDCDC;
}
.nav_menu_top1 ul li .a_factice:hover {
background-color:#D3D3D3;
border-color:#696969 #DCDCDC #DCDCDC #696969;
} [/css]
:!: Sachant quand même que si vous faites un simple copier/coller, ça ne fonctionnera pas chez vous. Il faut changer les <?php echo text_xxx; ?> par des echo simples ou carrément, si vous n'avez pas un besoin vital d'utiliser echo, les remplacer par du texte normal.
Dans mon code, j'ai fait des echo text_xxx car le site est multi-langue et ça permet de changer automatiquement la langue du texte a afficher selon la langue que parle le visiteur (sauf que ça fait référence à 2 autres fichiers dont je ne vous ai pas donné les codes). Pour ceux que le sujet du multi-langue interesse , voir ici :[url]http://phpdebutant.org/article107.php[/url].
Bon week-end à tous !
