Bonjour les amis

Je vais essayer de vous expliquer mon probleme , donc je suis en plein apprentissage du xhtml/css et pour m'entrainer j'essaye de coder un design seulement je voudrais laisser un espace entre la banniere du haut (header) et le menu qui sera à gauche et pareil pour le bloc contenu
Je vous ai fait un dessin (je suis pas fort en dessin vous l'aurez remarquez
==>http://img515.imageshack.us/img515/7651/design8cv.jpg

Voila !

Merci d'avance

En CSS c'est simple.
Si ton contenu s'appelle
#contenu
{
width: la taille en px;
margin-top: l'espace entre le header et ton contenu en px;
margin-left: pareil que margin-top mais par rapport à tes menus;
}
En suite pour ton menu tu fais
#menu
{
margin-left: espace en px ( exemple: 20px );
}

Et n'oublie pas le ; à la fin !!

Que l'on me corrige si j'ai tort, mais la question ne pourrait-elle pas être réglée en travaillant sur les balises de type marge ?

Si c'est le cas, je te conseille de relire la section "les marges" du chapitre "mise en boite (1/2)" de la partie 3 du tutorial concernant le XHTML et le CSS...

Pour rappel les propriétés concernées sont :

margin-top : marge extérieure en haut.
margin-bottom : marge extérieure en bas.
margin-left : marge extérieure à gauche.
margin-right : marge extérieure à droite.

et

padding-top : marge intérieure en haut.
padding-bottom : marge intérieure en bas.
padding-left : marge intérieure à gauche.
padding-right : marge intérieure à droite.


La valeur doit être signalée en pixels (#px)...

Voila, j'espère que cela répond à ta question...

nikel TimeSplitters !
Je vais relire ce chapitre Isenduil

Merci a tous les 2 !

De rien.

A ton service (pour une fois que c'est moi qui répond aux questions ... Il ne me reste plus qu'à répondre plus rapidement mais je m'entraîne... )

Bon je vais encore un peu vous embêter
En faite tout est bien la bordure ...
Mais quand je met le bloc contenu il se met en bas du menu de gauche au lieu de se caser a droite du menu !
comment corriger cela ?

Heu dans le chapitre suivant, il est dit :

#menu
{
float: left;
}



Edit : et ne pas oublier d'ajouter une marge à gauche du corps afin qu'il ne revienne pas sous le menu...

Sa change rien !
Enfin il se déplace un peu sur la gauche c'est tout !
EDIT = oups j'avais pas vu l'edit ! j'essaye sa merci
mais c'est quoi qu'il faut mettre exactement pour ajouter la marge ? j'ai essayer quelque chose mais sa n'a pas marché!
Quelqu'un sait ?

margin-left: XXpx;