CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

[Problème] Menu déroulant HTML et CSS...

BabyTux
BabyTux
Niveau 8
05 février 2009 à 10:33:38

:hello:

J'ai essayé de créer un menu horizontal déroulant pour mon futur site.
Mon code HTML est du type
<div id="menu">
..<ul id="onglets">
...<li></li>
...<li></li>
...<li>
....<ul> :d) Sous-menu censé apparaître au passage de la souris
.....<li></li>
.....<li></li>
.....<li></li>
....</ul>
...</li>
..</ul>
</div>
(Avec des images avec des liens entre les <li>)

Le code CSS pour le sous-menu:

  1. onglets li ul li

{
list-style-type: none;
position: relative
left: -999px;
clear: both; :d) Pour enlever le float que j'avais mis plus haut
}
Jusqu'à là tout va bien, le sous-menu n'apparaît pas. :)

  1. onglets li:hover ul li

{
position: *
left: auto
right: ça dépend si la position est absolue ou relative
top: pareil
}

  • Ici, quand je met en relative, les liens du sous-menu apparaissent parfaitement les uns en-dessous des autres, mais le texte en-dessous est décalé :peur: . J'ai vu sur un forum qu'il fallait mettre en absolute, mais quand je met absulute, il y a 2 possibilités: soit je met #onglets li:hover ul li {position: absolute ...} et là double problème: le texte est décalé, mais en plus un seul lien du sous-menu n'apparaît! :snif: !

Quand je met #onglets li:hover ul {position: absolute ...} sans le li à la fin, le sous-menu avec tous les liens s'affiche bien au-dessus du texte mais les liens sont côte à côte mais pas les uns en dessous des autres :fou:

De plus si je met la position en absolut, les liens ne serot pas au même endroit par rapport au menu en fonction de la résolution de l'écran, non :question:

:svp: Comment faire ???

video-gore
video-gore
Niveau 10
05 février 2009 à 10:34:37

Je réfléchis :)

deepblue
deepblue
Niveau 16
05 février 2009 à 11:27:27

1- on est en journée, les gens bossent
2- forum peu fréquenté donc up inutile tant que le topic n'est pas en deuxième page
3- test ça :

  1. onglets li ul {

list-style: none;
position: relative;
display:none;
}

  1. onglets li:hover ul {

display:block;
}

Yoda_Software
Yoda_Software
Niveau 30
05 février 2009 à 11:53:18

Merci de ne pas mettre de signature dans vos posts.
Surtout quand elle est plus grosse que le message lui même :(

BabyTux
BabyTux
Niveau 8
05 février 2009 à 13:21:16

J'avais déjà essayé de faire display:none; puis display:block; mais ça ne marchait pas :(
Mais je vais ressayer quand même !

Yoda_Software :d) Désolé je savais pas c'est la première fois que je viens sur le forum création de sites web :)

Sous forums
  • Aide à l'achat Mac
  • Création de Jeux
  • Linux
  • Programmation
  • Création de sites web
  • Internet
  • Steam Deck
  • Macintosh
  • Hardware
La vidéo du moment