18041 sujets

Questions générales et questions de débutants

S.O.S svp....problème de menu

Bonjour

Je suis en train de créer mon premier site et j'aurai besoin d'un peu d'aide

Est ce que quelqu'un pourrai me dire comment faire pour mètre un menu horizontale simple et un menu vertical déroulant dans la même page Smiley sweatdrop

Je n'arrive pas aussi a mètre mon header et un fond quand je met un menu horizontale item flottants alors que mon fond et header marcher avec un menu horizontale déroulant comment sa se fait ? Et comment faire?

Merci d'avance pour votre aide Smiley cligne
Modifié par darkmalabar (18 Mar 2008 - 13:51)
Modérateur
Bonjour et bienvenue darkmalabar, Smiley smile

Afin que les membres cernent mieux ton problème et puissent donc te venir en aide plus rapidement, il serait judicieux d'éditer ton titre en le rendant plus explicite. Smiley cligne

Pourrais-tu aussi :

- montrer ce que tu as fait à l'aide d'une page en ligne (ou du code) ?
- décrire le(s) point(s) qui te bloque(nt) ?
Modifié par koala64 (18 Mar 2008 - 13:47)
Merci koala64 pour ton attention et pour t'es petit conseil que je vais suivre

C'est un peu brouillon la parce que j'essaye de faire les items flottants.donc la bah ya rien qui marche en gros même en mettant les code css en style sur le html

Donc voila mes code: la page html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>DarkLand</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<link rel="stylesheet" media="screen" type="text/css" title="design" href="accueil.css" />


</head>

<body>

<div id="header"
<!-- bannières -->
</div>

<div id="menu"

<div class="element_menu"
<ul>
<li><a href="accueil.html">Accueil</a></li>
</ul>
</div>
<div class="element_menu"
<ul>
<li><a href="RFOM.html">RFOM</a></li>
</ul>
</div>
<div class="element_menu"
<ul>
<li><a href="CODIV">CODIV</a></li>
</ul>
</div>

</body>
</html> 


et voila ma page css

           body 
{
   width: 760px;
   margin: auto;
   margin-top: 25px;
   margin-bottom: 20px;
   background-image:url("fond2.png"); 
   background-color:#999999 ;
   background-repeat:no-repeat;
    background-position:top;
   font-family:Arial,"Arial Black","Times New Roman",Serif;
}

#header
{
   width:765px;
   height:150px;
   background-image:url("header.gif");
   background-repeat:no-repeat;
   margin-bottom:10px;
   margin-left:center;
}

#menu
{
   position: relative;
   top:-20px;
   left:50px;
   float:left;
   width:120px;
   font-family:Arial,"Arial Black","Times New Roman",Serif;
}

.element_menu
{
   border:2px solid black;
   background-color:rgb(236,243,251);
   margin-bottom:20px;
      font-family:Arial,"Arial Black","Times New Roman",Serif;
   
}

#corps
{
   margin-left:150px;
   border:2px solid black;
   padding-left:20px;
   padding-right:20px;
   background-color:rgb(236,243,251);
   font-family:Arial,"Arial Black","Times New Roman",Serif;
}

#corps h2
{
   text-align:center;
   font-style:oblique;
   text-decoration:underline;
   font-family:Arial,"Arial Black","Times New Roman",Serif;
}

#corps2
{
   margin-left:150px;
   border:2px solid black;
   background-color:rgb(236,243,251);
   margin-top:20px;
   padding-left:20px;
   padding-right:20px;
   font-family:Arial,"Arial Black","Times New Roman",Serif;
}

#footer
{
   background-color:rgb(236,243,251);
   border:2px solid black;
   padding:5px;
   text-align:center;
   background-repeat:repeat-x;
   font-family:Arial,"Arial Black","Times New Roman",Serif;
   margin-left:150px;
   margin-top:20px;
}


Je voudrai donc que accueil rfom et codIV soit aligner mais je n'y arrive pas Smiley confus

Je joint mon adresse email si vous acceptez de me donner un coup de main se serai sympa de votre part. rops77@hotmail.fr

Merci d'avance

@bientôt
Modifié par darkmalabar (18 Mar 2008 - 16:40)
Bonjour et bienvenue parmi nous darkmalabar Smiley smile

En tant que modérateur, je me dois de te faire remarquer que tu n'as malheureusement pas respecté l'une des Règles de base du forum qui est d'afficher les codes et exemples proprement à l'aide des boutons [ code]... ici ton code HTML, CSS, PHP, etc.[ /code] (sans espace).

Je te remercie par avance de bien vouloir éditer ton message afin de le rendre conforme à cette règle. Smiley cligne

D'ailleurs, je rappelle que le lien qui apparaît en bandeau tout en haut du forum ("Nouveau sur le forum ?...") est important. Il contient des pistes de recherche, des indications sur les règles de vie de la communauté, etc.
Il serait courtois de ta part de bien vouloir en prendre connaissance.

Bonne continuation Smiley smile

upload/1-code.gif
Sujet clos
Aller à