Menu défilante qui m'amène plus bas dans la page

Fermé
jet0077 Messages postés 4 Date d'inscription vendredi 16 octobre 2015 Statut Membre Dernière intervention 17 octobre 2015 - 16 oct. 2015 à 22:44
Raymond PENTIER Messages postés 58747 Date d'inscription lundi 13 août 2007 Statut Contributeur Dernière intervention 4 décembre 2024 - 18 oct. 2015 à 03:11
Bonjour,

Je comprends bien comment créer une liste déroulante. Seulement, j'aimerais quand je sélectionne un choix dans ma liste, que l'action m'amène à un ligne plus bas dans ma page. Ma page contient beaucoup d'info et cela m'éviterais de chercher chaque fois.
Jet0077

A voir également:

2 réponses

Raymond PENTIER Messages postés 58747 Date d'inscription lundi 13 août 2007 Statut Contributeur Dernière intervention 4 décembre 2024 17 248
Modifié par Raymond PENTIER le 17/10/2015 à 03:35
Salut.

Je n'ai pas compris. Reprends ton explication autrement.
En particulier que veut dire "que l'action m'amène à un ligne plus bas " ?

C'est bien, la retraite ! Surtout aux Antilles ... :-)
Raymond (INSA, AFPA, CF/R)
0
DelNC Messages postés 2234 Date d'inscription samedi 25 octobre 2014 Statut Membre Dernière intervention 22 février 2020 2 002
17 oct. 2015 à 09:10
Bonjour,

si tu veux faire un menu déroulant sur une page web je peux te donner un exemple.
En html ou php, si tu veux que quand tu cliques sur un lien çà t'emmène plus bas dans la page il faut mettre #Cn ou #C2 ...

Code pour le menu
<div id=monmenu style="PADDING-LEFT: 0px">
<ul class=niveau1>
<li>Menu
<ul class=niveau2 style="LEFT: 0px; TOP: 26px">
<li class=plus>
<li><a href="#C1">
Partie 1 </a> </li>
<li><a href="#C2">
HPartie 2 </a> </li>
<li><a href="#C3">
Partie 3 </a> </li>
</ul>
</li>
</ul>
</div>


Pour l'affichage, il faut ajouter le css dans le <head>
<style type=text/css>

#monmenu {
FONT-WEIGHT: bold;
FONT-SIZE : 100%;
BORDER : 1px;
}
#monmenu ul ul {
DISPLAY : none;
MARGIN : 0px;
POSITION : absolute;
TOP : 01px
}
#monmenu li {
BORDER : black 1px solid;
MARGIN : 0px;
WIDTH : 420px;
LIST-STYLE-TYPE : none;
POSITION : relative;
BACKGROUND-COLOR : #7fb75e;
font-size : 23px;
}
#monmenu li:hover {
BACKGROUND-COLOR : #98f6aa;
color : red;
}
#monmenu li.sfhover {
BACKGROUND-COLOR : #98f6aa;
}
#monmenu li a {
TEXT-DECORATION: none
}
#monmenu li:hover ul.niveau2 {
DISPLAY : block
}

#monmenu li li:hover ul.niveau3 {
DISPLAY : block;
}
#monmenu li.sfhover ul.niveau2 {
DISPLAY : block;
}
#monmenu li li.sfhover ul.niveau3 {
DISPLAY : block;
}
#monmenu li.plus {
BACKGROUND-POSITION : right 40%;
BORDER-BOTTOM : #b0b0b0 0px solid;
BACKGROUND-REPEAT : no-repeat;
BORDER-LEFT : black 0px solid;
}
#monmenu a:hover{
color : red;
}
</style>



Maintenant, dans le body, il faut mettre le contenu des différentes parties

<h2><a name="C1">Partie 1 </a></h2>
Contenu de cette partie

<h2><a name="C2">Partie 1 </a></h2>
Contenu de cette partie
0
jet0077 Messages postés 4 Date d'inscription vendredi 16 octobre 2015 Statut Membre Dernière intervention 17 octobre 2015
17 oct. 2015 à 15:06
Je suis débutant assez dans excel, je comprends la base, mais le html et c'est machine la....
Si je sélectionne exemple dans mon menu défilant '' Voyage Sept-Îles à Québec" Automatiquement sa m'amène plus bas au listing de waypoint requis pour ce voyage. J'ai plus de 700 lignes de voyage quelconque. Au lieu de défiler chaque fois, ça m'amènerait direct.
0
Raymond PENTIER Messages postés 58747 Date d'inscription lundi 13 août 2007 Statut Contributeur Dernière intervention 4 décembre 2024 17 248 > jet0077 Messages postés 4 Date d'inscription vendredi 16 octobre 2015 Statut Membre Dernière intervention 17 octobre 2015
Modifié par Raymond PENTIER le 17/10/2015 à 19:10
C'est à peine plus clair que la première fois !
Tu parles de menu défilante, puis de liste déroulante, ensuite d'action qui amène à une ligne plus bas, et maintenant c'est de nouveau un menu défilant qui t'amène plus bas, et tu voudrais que ça t'amène direct !
C'est tout, sauf une description limpide avec un vocabulaire technique précis.

Alors s'agit-il d'une liste déroulante de cellule ?
Si oui, comment choisir un élément de la liste peut-il opérer un déplacement ?

Tu devrais
- 1) t'efforcer de faire un exposé logique et compréhensible de ton problème
- 2) envoyer un fichier (le tien ou un fichier-exemple) avec https://www.cjoint.com/
0
jet0077 Messages postés 4 Date d'inscription vendredi 16 octobre 2015 Statut Membre Dernière intervention 17 octobre 2015
17 oct. 2015 à 21:03
oubli ça
0
jet0077 Messages postés 4 Date d'inscription vendredi 16 octobre 2015 Statut Membre Dernière intervention 17 octobre 2015
17 oct. 2015 à 21:06
qu'est ce qui est pas clair dans : Lorsque je sélectionne une item de ma liste déroulant (x,y ou z) ça m'amène à une ligne précise (ligne 600 exemple)
0
Raymond PENTIER Messages postés 58747 Date d'inscription lundi 13 août 2007 Statut Contributeur Dernière intervention 4 décembre 2024 17 248 > jet0077 Messages postés 4 Date d'inscription vendredi 16 octobre 2015 Statut Membre Dernière intervention 17 octobre 2015
18 oct. 2015 à 03:11
Ce qui n'est pas clair du tout, c'est que si ta liste déroulante est en B2, l'item que tu choisis s'affiche en B2. C'est absolument tout ce qui se passe !
Une liste déroulante sert à choisir, parmi tous les textes de la liste, celui qui s'affichera dans la cellule contenant la liste déroulante. Aucune autre cellule n'est impactée par cet affichage.
C'est exactement comme lorsque tu choisis une pomme sur l'étal, au marché, cela ne te déplace pas dans ta salle à manger !
J'ai l'impression que tu confonds avec les liens hypertextes qui, quand on clique dessus, affichent un autre document ou se rendent à un autre emplacement du même document ... C'est tout-à-fait autre chose, comme faire de la peinture et sauter en parachute : rien de commun !
0