[Html/Css] Positionnement de textes

[(Y/n)]

Salut P4NDA

Tout d'abord je te conseil de bien assimiler le cour sur HTML5/CSS3 de Matéo21 sur le site du zéro (http://www.siteduzero.com/tutoriel-3-136...-css3.html)

Ensuite, personnellement, je mettrais mon un id à ma sidebar et mon contenu :

Code HTML:

Code :

<div id="sidebar"><!-- Ta sidebar ici --></div>
<div id="corps"><!-- Ton contenu ici --></div>

Ensuite positionner les block en position absolut ou relative (j'avoue préférer le positionnement absolut) donc :

Code CSS:

Code :

#sidebar
{

     position:absolute;
     margin-top:/* Tu mets une valeur en pixel comme par exemple : 120px*/;
     margin-bottom:/* Tu mets une valeur en pixel comme par exemple : 120px*/;
     margin-left:/* Tu mets une valeur en pixel comme par exemple : 120px*/;
     margin-right:/* Tu mets une valeur en pixel comme par exemple : 120px*/;

}

#corps
{

     position:absolute;
     margin-top:/* Tu mets une valeur en pixel comme par exemple : 120px*/;
     margin-bottom:/* Tu mets une valeur en pixel comme par exemple : 120px*/;
     margin-left:/* Tu mets une valeur en pixel comme par exemple : 120px*/;
     margin-right:/* Tu mets une valeur en pixel comme par exemple : 120px*/;

}

margin signifie la marge extérieur de ton block mais tu peux utilisé padding pour la marge intérieur, top veux dire haut, bottom c'est bas, right c'est droite et left gauche (logique )

Voila avec ça tu devrais t'en sortir

Cordialement,

(Y/n)

Edit : Tu devrais pas mettre trop de CSS dans ton HTML Question de lisibilité pour toi Et fais des commentaires dans ton code ! :p