Partage
  • Partager sur Facebook
  • Partager sur Twitter

XHTML / CSS

Le corps reste sous le menu

2 février 2006 à 16:17:47

Bonjour, et bravo au Site du Zéro.
Je n'arrive pas à passer le corps à droite du menu : il reste invariablement en dessous !
Merci d'avance pour l'aide à un débutant zéro.
:(

  • Partager sur Facebook
  • Partager sur Twitter
Anonyme
2 février 2006 à 16:38:23

Ecris plus grand surtout...
Si tu n'as pas mis de float:left à ton menu, c'est normal.
Et si tu as mis un float à ton corps, essayes de l'enlever.

PS: Quel titre explicite !
  • Partager sur Facebook
  • Partager sur Twitter
2 février 2006 à 16:49:42

envoie tes codes si tu veux qu'on puisse t'aider.
vu d'ici on le voit a coté du menu ton corps pas en dessous mais ce n'est peut-etre pas ton menu, il est rouge ?
  • Partager sur Facebook
  • Partager sur Twitter
2 février 2006 à 17:12:36

Voilà mon code CSS crée en suivant le cours 'Site web'

body
{
width: 800px;
/*height: 700px;*/
margin: auto; /* marge extérieure auto */
margin-top: 20px;
margin-bottom: 20px;
/*border: 2px solid black;*/

/*background-color: black;*/
}
#en_tete
{
width: 790px;
height: 70px;
color: green; /* le titre sera vert*/
font-family: "Comic Sans MS",Verdana,"Trebuchet MS","Arial Black", serif; /* choix de la première police ou autres selon acceptation du navigateur*/
text-align: center; /*titre ou texte aligné au centre ou left, right, justify (texte justifié = prendre toute largeur disponible sans laisser de blanc */
/* l'alignement uniquement sur balises type block (p, div, blockquote, h1 ...*/
/*font-size: 20px; /* taille du texte en pixels ou xx-large(=30 px environ) , large, medium, small, x-small, xx-small */
border: 1px solid black; /* largeur bordure, type et couleur. Ces valeurs sont variables: dotted= pointillés, dashed = tirets, groove= en relief, ridge = effet 3D, inset= autre 3D, outset idem, double, none */
/*padding-bottom: 75px; /* marge intérieure de 12 px */
margin-bottom: 10px;
margin-top: 5px;
margin-left: 5px;
margin-right: 5px;
background-color: silver; /* le fond de la page sera argent */ /* si choix couleur personalisé: notation hexadécimale, page 6-2/2. Exemple : #FF5A28 ( rouge-vert-bleu) */
background-repeat: no-repeat;
}
#menu
{
float: left;
/*width: 185px;*/
margin-left: 5px;
width: 180px;
/* border: 2px solid black;*/
}
.element_menu
{
background-color: yellow;
border: 2px solid black;
margin-bottom: 20px;
}
.element_menu h2
{
font-size: 15px;
font-family: "Comic Sans MS",Verdana,"Trebuchet MS","Arial Black", serif;
text-align: center;
}
#corps
{
width: 600px;
height: 250px;
margin-top: 20px;
margin-left: 160px;
margin-bottom: 80px;
padding: 5px;
color: red;
background-color: lime;
border: 2px solid black;
}
#corps h3
{
text-align: center;
font-family: Verbana;
padding-bottom: 150px;
}
#pied_de_page
{
width: 760px;
height: 60px;
padding: 5px;
text-align: center;
background-color: grey;
color: red;
border: 2px solid black;
margin-bottom: 20px;
margin-top: 20px;
}
  • Partager sur Facebook
  • Partager sur Twitter