Probleme de menu déroulant php/css

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Probleme de menu déroulant php/css

Re: Probleme de menu déroulant php/css

par ptijacq » 03 nov. 2009, 14:40

Mon problème c'est que mon menu déroulant s'affiche pas au bonne endroit et qu'il se déroule sur une seule ligne.
J'aimerais qu'il se déroule sous le menu horizontale ligne par ligne.

Re: Probleme de menu déroulant php/css

par fab » 03 nov. 2009, 13:07

Ce n'est pas un problème de PHP mais de mise en page XHMTL / CSS et il y une partie dédiée sur le forum :) ( Si un modo passe pour le déplacer au passage )

Ensuite essaye de formuler au moins une phrase expliquant ton problème :)

Cependant je suis allé voir ton site, mais tu voudrais qu'il soit affiché comment ton menu et ou ?

Probleme de menu déroulant php/css

par ptijacq » 03 nov. 2009, 11:46

Bonjour,

J'ai un problème de menu déroulant sur mon site web http://projets.iut-info-vannes.net/pjew ... 2/doku.php.
Voici mon code :

Code : Tout sélectionner

<!-- Menu --> <div id="menu"> <ul class="monmenu"> <li><a href="http://projets.iut-info-vannes.net/pjew/courant/snsm/snsm_a2/doku.php">Accueil</a></li> <li><a href="#">La station</a> <ul class="sousMenu"> <li><a href="http://projets.iut-info-vannes.net/pjew/courant/snsm/snsm_a2/doku.php?id=historique">Historique</a></li> <li><a href="http://projets.iut-info-vannes.net/pjew/courant/snsm/snsm_a2/doku.php?id=les_moyens">Les moyens</a></li> <li><a href="http://projets.iut-info-vannes.net/pjew/courant/snsm/snsm_a2/doku.php?id=les_hommes">Les hommes</a></li> <li><a href="http://projets.iut-info-vannes.net/pjew/courant/snsm/snsm_a2/doku.php?id=zone_dactivité">Zone d'activité</a></li> <li><a href="http://projets.iut-info-vannes.net/pjew/courant/snsm/snsm_a2/doku.php?id=album_photos">Album photos</a></li> <li><a href="http://projets.iut-info-vannes.net/pjew/courant/snsm/snsm_a2/doku.php?id=boutique">Boutique</a></li> </ul> </li> <li><a href="#">Journal de la station</a> <ul class="sousMenu"> <li><a href="http://projets.iut-info-vannes.net/pjew/courant/snsm/snsm_a2/doku.php?id=agenda">Agenda</a> <li><a href="http://projets.iut-info-vannes.net/pjew/courant/snsm/snsm_a2/doku.php?id=interventions">Interventions</a> <li><a href="http://projets.iut-info-vannes.net/pjew/courant/snsm/snsm_a2/doku.php?id=lettres_aux_adhérents">Lettres aux adhérents</a> <li><a href="http://projets.iut-info-vannes.net/pjew/courant/snsm/snsm_a2/doku.php?id=presse">Presse</a> </ul> </li> <li><a href="http://projets.iut-info-vannes.net/pjew/courant/snsm/snsm_a2/doku.php?id=infos_pratiques">Infos pratiques</a></li> <li><a href="http://projets.iut-info-vannes.net/pjew/courant/snsm/snsm_a2/doku.php?id=liens">Liens</a></li> <li><a href="http://projets.iut-info-vannes.net/pjew/courant/snsm/snsm_a2/doku.php?id=partenariat">Partenariat</a></li> <li><a href="http://projets.iut-info-vannes.net/pjew/courant/snsm/snsm_a2/doku.php?id=intranet">INTRANET</a></li> <li><a href="http://projets.iut-info-vannes.net/pjew/courant/snsm/snsm_a2/doku.php?id=forum">Forum</a></li> </ul> </div> <!-- /Menu -->
et voici mon css :

Code : Tout sélectionner

/* ================================= MENU =================================== */ #menu { background-image: url(images/menu_background.png); background-repeat: repeat-x; } #menu ul { border-right: solid 1px #666; } #menu ul li { border-left: solid 1px #666; } #menu ul li a { color: #fff; background-color: inherit; text-decoration:none; } #menu ul li a:hover { color: #fff; background-color: grey; } #menu li:hover ul.sousMenu { display:block; } #menu ul.sousMenu { left: 0px; top: 22px; } #menu ul ul { background-image: url(images/menu_background.png); ackground-repeat: repeat-x; display: none; left: 144px; top: -1px; position: absolute; margin:0px; padding: 0px; }
J'espère que quelqu'un pourra me le corriger pour qu'il ne bug plus.

Merci D'avance.