Probleme de css positionner bloc texte
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;
}
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;
}
Configuration: Windows Vista Internet Explorer 7.0
3 réponses
-
Contributeursalut,
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…
-
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 -
Contributeursalut,
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 ?
