CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| Comment écrire juste en dessous un menu déroulant??? | |
| tuch
{ Membre }
Messages : 6
| Bonjour à tous, depuis ce jour, je me suis mis à coder sur Dreamweaver CS3 et je me trouve devant un problème que je n'arrive pas à résoudre vu mes connaissances très limitées. J'ai créé un menu déroulant SPRY pour la page d'accueil d'un site et je suis bloqué pour le corps central de la page. Je n'arrive pas à placer ma boite div centre juste sous la barre du menu, il me reste toujours l'espace où les menus vont s'ouvrir. Dans l'idéal, les menus devraient s'ouvrir par dessus le texte qui suit. J'ai un peu triché en plaçant des images dans l'espace resté vide pour l'instant, mais ça va m'ennuyer pour les pages suivantes. C'est visible à l'adresse: http://solsurpartysong.free.fr Pourriez vous me dire comment améliorer la page? J'ai aussi triché pour le centrage du menu déroulant, qui est juste décalé dans le CSS #menu Margin Left au lieu d'être centré dans la page. Si il y a d'autres erreurs de codes, n'hésitez pas à me le signaler et pourquoi pas m'expliquer comment corriger. Je vous fourni les codes de la page index .html et de style-site.css index: - Code:
-
"<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>titre</title> <link href="styles-site.css" rel="stylesheet" type="text/css" /> <script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script> <link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" /> <style type="text/css"> <!-- #apDiv1 { position:absolute; left:278px; top:210px; width:217px; height:75px; z-index:1; } #apDiv2 { position:absolute; left:155px; top:206px; width:266px; height:190px; z-index:1; } #apDiv3 { position:absolute; left:652px; top:206px; width:305px; height:189px; z-index:2; } --> </style> </head>
<body> <div id="apDiv2"><img src="les photos/2012/Foire à la Vosgienne 22 07 2012/04.jpg" width="376" height="268" /></div> <div id="apDiv3"><img src="les photos/2012/14 07 12/13.jpg" width="376" height="268" /></div> <div id="page"> <!--debut bando --> <div id="bando"> <div align="left"><a href="http://solsurpartysong.free.fr"><img src="images/blason SSPS.jpg" alt="logo SSPS" width="180" height="155" /></a></div> </div> <!--fin bando --> <!--debut menu--> <div id="menu"> <ul id="MenuBar1" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="#">Présentations</a> <ul> <li><a href="#">Association</a></li> <li><a href="#">Historique</a></li> <li><a href="#">Les musiciens</a></li> <li><a href="#">La mascotte</a></li> </ul> </li> <li><a href="#" class="MenuBarItemSubmenu">A venir</a> <ul> <li><a href="#">Prochaines sorties</a></li> <li><a href="#">Prochaines répétitions</a></li> </ul> </li> <li><a href="#">Photos</a> </li> <li><a href="#">Vidéos</a></li> <li><a href="#">Audios</a></li> <li><a href="#">On parle de nous</a></li> <li><a href="#">Livre d'or</a></li> <li><a href="#" class="MenuBarItemSubmenu">Liens utiles</a> <ul> <li><a href="#">Contacts</a></li> <li><a href="#">École de musique</a></li> <li><a href="#">Facebook</a></li> </ul> </li> </ul> </div> <!--fin menu --> <!--debut colonne centre --> <div id="centre"> <div align="center"> <p> </p> <p>Un groupe, 20 musiciens, 2 styles (festif et patriotique)</p> </div> </div> <!--fin colonne centre --> <!--debut pied de page--> <div id="pied"> <ul> <li>Accueil</li> <li>Mentions légales</li> <li>Contacts</li> </ul> </div> <!--fin pied de page --> </div> <script type="text/javascript"> <!-- var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"}); //--> </script> </body> </html>"
Style-site: - Code:
-
@charset "utf-8"; #page { background-color: #FFA448; padding: 0px; width: 955px; margin-right: auto; margin-left: auto; } #bando { background-color: #FFFFFF; margin: 0px; padding: 0px; height: 155px; width: 955px; background-image: url(images/banniere.jpg); border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } #bando img { margin: 0px; padding: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; }
#menu { padding: 0px; height: 100%; width: 955px; background-image: none; background-repeat: repeat-x; background-color: #FFA448; color: #F42841; background-position: center; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 50px; } #pied { margin: 0px; clear: both; width: 955px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; font-size: 14px; text-align: center; background-color: #FFA448; } #pied ul { margin: 0px; padding: 0px; list-style-type: none; } #pied li { display: inline; margin: 50px; padding: 0px; color: #FF2B44; } #pied li a { color: #EC2F43; padding: 2px; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 10px; } #pied li a:hover { font-family: "Comic Sans MS"; color: #F73246; }
#centre { background-color: #FFA448; padding: 0px; width: 955px; float: left; height: auto; position: relative; font-family: Candara; font-size: 40px; font-weight: bold; } body { background-image: none; background-repeat: repeat; margin: 0px; padding: 0px; background-color: #FFA448; } Merci d'avance de vos réponses. | | |
| | | Psycho
Psychopathe
Messages : 3407
| Bonsoir (: Dans un premier temps, lorsque tu postes des bouts de code sur le forum, il faut impérativement utiliser les balises - Code:
-
[code] [/code] sinon la page du forum peut être modifiée involontairement. Ensuite, le forum, tel que son nom l'indique, vise les forums de forumactif. Je ne suis pas une experte mais il me semble que ton "site" n'est pas un forum forumactif, il est donc possible que les codeurs ne puissent pas t'aider. Je leur laisse cependant la parole car certains peuvent avoir des connaissances qui leur permettront de te répondre. Voilà, merci de ta compréhension | | |
| | | tuch
{ Membre }
Messages : 6
| Désolé, je ferai attention la prochaine fois.
Y a-t-il un autre site que vous pourriez me conseiller pour poster ma question, du coup?
C'est gentil de laisser la demande tout de même, j'aurai peut etre une réponse. | | |
| | | pamina
{ Membre actif }
Messages : 1170
| Hello tuch ! Je viens aux nouvelles : ton problème est-il toujours d'actualité ? Je vois qu'il n'y a pas eu de réponse de codeur, je le remonte donc au cas où ^^ Merci d'avance de ta réponse | | |
| | | tuch
{ Membre }
Messages : 6
| Toujours d'actu, mais personne pour s'en occuper. Je crois qu'il va falloir supprimer. Je ne suis vraiment pas au bon endroit. Merci de votre préoccupation. | | |
| | | 'Christa
Lostmindy
Messages : 2856
| Bonjour, je viens d'aller rapidement voir la page en question, et si l'on supprime les images il reste plein de paragraphes en excès, n'est-ce pas eux qui prennent toute cette place ? Accessoirement, tu peux aussi réduire les marges de la balise de paragraphe <p> si elles te dérangent '_' | | |
| | | tuch
{ Membre }
Messages : 6
| | | | Psycho
Psychopathe
Messages : 3407
| Hello ! Le problème est-il toujours d'actualité ?Si nous n'avons pas de réponse dans 4 jours, il sera considéré comme résolu ! Merci de ta compréhension | | |
| | | tuch
{ Membre }
Messages : 6
| Je ne m'en sort pas. Merci de supprimer le sujet. Tuch | | |
| | | Psycho
Psychopathe
Messages : 3407
| Très bien, je déplace dans ce cas (: Merci de ta réponse rapide | | |
| | | Contenu sponsorisé
| | | | | Comment écrire juste en dessous un menu déroulant??? | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|