Invité Invité
| Bonsoir tout le monde, D'habitude j'essaie de me débrouiller seul mais là je dois bien avouer que je sèche. bref je suis en train de préparer un message d'accueil avec un menu déroulant automatique. LE problème c'est qu'au survol tout le texte descend, j'aurais aimé faire passer les liens déroulant par dessus le texte :/ Le lien du forum test pour voir mon soucis: http://cherubcampus-test.forumactif.com/forum.htm Voici mon css et html: - Code:
-
<div id="menu"> <ul> <li><a href="#">Le forum</a></li> <li><a href="#">A lire</a> <ul> <li><a href="#">Règlement</a></li> <li><a href="#">chatbox rules</a></li> <li><a href="#">Le staff du forum</a></li> </ul> </li> <li><a href="#">Vie du forum</a> <ul> <li><a href="#">Présentation</a></li> <li><a href="#">Annonces</a></li> <li><a href="#">Suggestions</a></li> <li><a href="#">Questions</a></li> </ul> </li> <li><a href="#">Partie lecture</a> <ul> <li><a href="#">Modèle</a></li> <li><a href="#">Listing</a></li> <li><a href="#">Sélection</a></li> </ul> </li> <li><a href="#">Partenariat</a> <ul> <li><a href="#">Formulaire</a></li> <li><a href="#">Nos boutons</a></li> </ul> </li> <li><a href="#">Topsites</a> <ul> <li><a href="#">Top 1</a></li> <li><a href="#">Top 2</a></li> <li><a href="#">Top 3</a></li> </ul> </li> </ul> </div>
<br>
<table width="100%" align="center" cellspacing="8" cellpadding="0" ><tr> <td class="cadratablo" width="60%"><center><b>Bienvenue {USERNAME} sur le forum de discussion Méto</b></center> « Vous aussi vous êtes fan de la saga Méto ? Vous désirez partager votre passion avec d’autres personnes comme vous ? Parler des livres de la saga ? Si la réponse est « oui », alors ce site est fait pour vous ! Vous y trouverez tout l’univers de la saga et vous pourrez aussi participer à des sondages et des discussions diverses autours des livres. Vous pourrez également faire des jeux et discuter de tout ce qui vous passionne en dehors, parler de tout et de rien et de ce que vous aimez. Alors si vous aussi vous êtes fan de l’univers d’Yves Grevet et que vous souhaitez un forum vivant avec une bonne ambiance, rejoignez-nous ! » </td> <td class="cadratablo" width="40%"><ul><table border="0" cellspacing="1"><tr><div style="margin:auto;text-align:center;width:100%"><ul><table border="0" cellspacing="2"><tr><td align="left"><div style="margin:auto;text-align:center;width:100%"> <a href="http://meto.forumactif.com/profile.forum?mode=viewprofile&u=1" class="postlink"><img src="http://host.image.files.free.fr/host/4be5b4652f261icons.jpg" border="0" alt="" /></a></div></td><td align="left"> <a href="http://meto.forumactif.com/profile.forum?mode=viewprofile&u=1" class="postlink">Junior</a>, responsable du forum<br> Contactez moi pour tout soucis.<br> Infos: <a href="http://meto.forumactif.com/msg.forum?mode=post&u=1" class="postlink">Messagerie</a> | <a href="http://meto.forumactif.com/faq-f3/informations-t16.htm#21" class="postlink">FAQ</a><br> Statut: Présent <img src="http://i39.tinypic.com/2akl83o.png" border="0" alt="" />
</td></tr></table></ul></div><center><div style="margin:auto;text-align:center;width:100%"><form> <select style="width: 200px" onchange="location = this.options [this.selectedIndex].value"> <option selected="selected"> Navigation rapide </option>
<option value="http://meto.forumactif.com/les-regles-f2/reglement-du-forum-t1.htm#1">Règlement</option> <option value="http://meto.forumactif.com/partenariats-f6/partenariat-regles-t6.htm#10">Partenariat (ouvert aux invités)</option> <option value="http://meto.forumactif.com/presentations-f7/modele-de-presentation-t18.htm#24">Présentation</option> <option value="http://www.facebook.com/pages/Meto/341280728210?v=app_6009294086#!/pages/Meto/341280728210?ref=ts">Groupe Facebook</option> <option value="https://twitter.com/meto01">Page Twitter</option> </select> </form></div></div></center></td> </tr> </table> - Code:
-
#menu ul { margin:0; padding:0; list-style-type:none; text-align:center; } #menu li { float:left; margin:auto; padding:0; background-color:black; ; } #menu li a { display:block; width:100px; color:white; text-decoration:none; padding:5px; } #menu li a:hover { color:#FFD700; } #menu ul li ul { display:none; } #menu ul li:hover ul { display:block; } #menu li:hover ul li { float:none; }
Bonne soirée et merci d'avance |
Dernière édition par Junior le Dim 01 Aoû 2010, 11:23, édité 1 fois | |
|
VPeybernes
{ Membre actif }
Messages : 563
| Salut Junior. Il faut que tes sous-liste soit en position absolu pour quel n'influe pas sur le reste de la mise en page. | | |
|
Invité Invité
| Plop Merci, problème réglé | | |
|