Probleme de css positionner bloc texte
laurent60130
Messages postés
9
Statut
Membre
-
Dalida Messages postés 7114 Statut Contributeur -
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;
}
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:
- Probleme de css positionner bloc texte
- Texte de chanson gratuit pdf - Télécharger - Vie quotidienne
- Bloc-notes (windows) - Télécharger - Traitement de texte
- Transcription audio en texte word gratuit - Guide
- Excel cellule couleur si condition texte - Guide
- Traitement de texte gratuit - Guide
3 réponses
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…
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
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
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 ?
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 ?