Probleme de css positionner bloc texte

laurent60130 Messages postés 9 Statut Membre -  
Dalida Messages postés 7114 Statut Contributeur -
Bonjour,


Je vous explique mon probleme car je suis perdu avec les relatifs absolu j'essaie de le faire sans dreamweaver mais avec le bloc note et je comprends pas

est ce que je dois d'abord faire un conteneur et comment diposer les div par rapport au conteneur

je dois placer un bloc texte sous quelle forme je dois le faire

merci a vous

voila d'abord mon css

body {
background-color:#000000;
margin:0;
padding:0;

}
#top{
background:url(bord_g.jpg) no-repeat;
position: relative;
margin-top: 10px;
margin-left: 90px;
float: left;
margin-bottom: 10px;
height: 780px;
width: 10px;

}


#top3{
background:url(h_gauche.jpg) no-repeat;
position: relative;
padding: 0px;
margin-top:60px;
margin-left:10px;
width: 220px;
height: 334px;
float: left;

}

#top4{
background:url(h_droit.jpg) no-repeat;
position: relative;
padding: 0px;
margin-top: 10px;
float: left;
margin-left: 0px;

height: 224px;
width: 377px;

}
A voir également:

3 réponses

Dalida Messages postés 7114 Statut Contributeur 923
 
salut,

je dois placer un bloc texte sous quelle forme je dois le faire
explique nous plutôt ce que tu souhaites obtenir.
du texte, oui. mais où, avec quoi d'autre…
0
laurent60130 Messages postés 9 Statut Membre
 
J ai en faite 3 images

une positionnee en haut a gauche
une en haut a droite
j ai une autre image qui se positionne sous celle qui est en haut a gauche

et je dois placer un bloc texte a cote

ma question est comme je place le bloc texte

est ce que j' utulise un flot ?

position absolue ou relative

apres il faut que je mette un footer en dessous du bloc texte
0
Dalida Messages postés 7114 Statut Contributeur 923
 
salut,

tes images c'est pour décorer ou c'est une illustration du texte ?

si c'est pour décorer, tu utilises un <div> pour mettre ton texte, tu lui appliques une image d'arrière-plan et tu joues sur le {padding} pour positionner le texte.

si c'est une illustration, tu utilises <img/>, tu la fais flotter à gauche. si tu veux que le texte ne repasse pas sous l'image tu appliques un {padding-left} à ton texte. dans ce cas il faudra peut être ajouter un {clear:left;} à ton {footer}.

veux-tu des consignes plus précises ?
0