Comment écrire juste en dessous un menu déroulant??? Bouton_activeComment écrire juste en dessous un menu déroulant??? Bouton_hoverComment écrire juste en dessous un menu déroulant??? Fb-hoverComment écrire juste en dessous un menu déroulant??? Fb-active
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!

Derniers sujets
» Système d'onglets simple et personnalisable
Comment écrire juste en dessous un menu déroulant??? EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
Comment écrire juste en dessous un menu déroulant??? EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Comment écrire juste en dessous un menu déroulant??? EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Comment écrire juste en dessous un menu déroulant??? EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Comment écrire juste en dessous un menu déroulant??? EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Comment écrire juste en dessous un menu déroulant??? EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Comment écrire juste en dessous un menu déroulant??? EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Comment écrire juste en dessous un menu déroulant??? EmptySam 11 Fév 2023, 06:04 par Krager

-28%
Le deal à ne pas rater :
-28% Machine à café avec broyeur à grain MELITTA Purista
229.99 € 318.99 €
Voir le deal

Partagez
 

Comment écrire juste en dessous un menu déroulant???

Voir le sujet précédent Voir le sujet suivant Aller en bas 
tuch
{ Membre }
{ Membre }

Masculin Messages : 6



Comment écrire juste en dessous un menu déroulant??? Empty
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.

MessageSujet: Comment écrire juste en dessous un menu déroulant???   Comment écrire juste en dessous un menu déroulant??? EmptyDim 26 Aoû 2012, 17:48
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Comment écrire juste en dessous un menu déroulant??? Empty
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 Comment écrire juste en dessous un menu déroulant??? 926145
MessageSujet: Re: Comment écrire juste en dessous un menu déroulant???   Comment écrire juste en dessous un menu déroulant??? EmptyDim 26 Aoû 2012, 18:06
Revenir en haut Aller en bas
tuch
{ Membre }
{ Membre }

Masculin Messages : 6



Comment écrire juste en dessous un menu déroulant??? Empty
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.
MessageSujet: Re: Comment écrire juste en dessous un menu déroulant???   Comment écrire juste en dessous un menu déroulant??? EmptyDim 26 Aoû 2012, 18:11
Revenir en haut Aller en bas
pamina
pamina
{ Membre actif }
{ Membre actif }

Féminin Messages : 1170



Comment écrire juste en dessous un menu déroulant??? Empty
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 Wink
MessageSujet: Re: Comment écrire juste en dessous un menu déroulant???   Comment écrire juste en dessous un menu déroulant??? EmptyVen 31 Aoû 2012, 19:22
Revenir en haut Aller en bas
tuch
{ Membre }
{ Membre }

Masculin Messages : 6



Comment écrire juste en dessous un menu déroulant??? Empty
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.
MessageSujet: Re: Comment écrire juste en dessous un menu déroulant???   Comment écrire juste en dessous un menu déroulant??? EmptySam 01 Sep 2012, 03:49
Revenir en haut Aller en bas
http://enaevolare.fr
'Christa
'Christa
Lostmindy
Lostmindy

Féminin Messages : 2856



Comment écrire juste en dessous un menu déroulant??? Empty
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 '_'
MessageSujet: Re: Comment écrire juste en dessous un menu déroulant???   Comment écrire juste en dessous un menu déroulant??? EmptyDim 02 Sep 2012, 09:58
Revenir en haut Aller en bas
tuch
{ Membre }
{ Membre }

Masculin Messages : 6



Comment écrire juste en dessous un menu déroulant??? Empty
merci, je regarderai
MessageSujet: Re: Comment écrire juste en dessous un menu déroulant???   Comment écrire juste en dessous un menu déroulant??? EmptyDim 02 Sep 2012, 11:29
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Comment écrire juste en dessous un menu déroulant??? Empty
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 Comment écrire juste en dessous un menu déroulant??? 926145
MessageSujet: Re: Comment écrire juste en dessous un menu déroulant???   Comment écrire juste en dessous un menu déroulant??? EmptyJeu 06 Sep 2012, 13:57
Revenir en haut Aller en bas
tuch
{ Membre }
{ Membre }

Masculin Messages : 6



Comment écrire juste en dessous un menu déroulant??? Empty
Je ne m'en sort pas. Merci de supprimer le sujet.
Tuch
MessageSujet: Re: Comment écrire juste en dessous un menu déroulant???   Comment écrire juste en dessous un menu déroulant??? EmptyJeu 06 Sep 2012, 15:26
Revenir en haut Aller en bas
Psycho
Psycho
Psychopathe
Psychopathe

Féminin Messages : 3407



Comment écrire juste en dessous un menu déroulant??? Empty
Très bien, je déplace dans ce cas (:
Merci de ta réponse rapide Comment écrire juste en dessous un menu déroulant??? 926145
MessageSujet: Re: Comment écrire juste en dessous un menu déroulant???   Comment écrire juste en dessous un menu déroulant??? EmptyJeu 06 Sep 2012, 16:55
Revenir en haut Aller en bas
Contenu sponsorisé




Comment écrire juste en dessous un menu déroulant??? Empty
MessageSujet: Re: Comment écrire juste en dessous un menu déroulant???   Comment écrire juste en dessous un menu déroulant??? Empty
Revenir en haut Aller en bas
 

Comment écrire juste en dessous un menu déroulant???

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Probleme , dessous du menu .
» Menu déroulant
» Menu déroulant en CSS. [RESOLU]
» Menu déroulant automatique
» Menu auto-déroulant

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit