Placer une div à droite
Résolu
cayenne13
Messages postés
6
Statut
Membre
-
Zero_hp Messages postés 145 Statut Membre -
Zero_hp Messages postés 145 Statut Membre -
Bonjour, comme tjrs comment ça marche est mon dernier recour.
.j'ai 2 div dans le conteneur une à gauche est une au milieu.
.je veut en ajouté une à droite.... qui se nomme contenu-d
petit problème elle reste encré dans celle du milieu.......
HTML
<div id="contenu">
<div id="contenu-m"><br>
<img src="image/logo-selene.png" align="center"/> <a href="tirage-des- tarots.html"><img src="image/tirage_des_tarots.png" align="center"/></a> <a href="tirage-des-runes.html"><img src="image/tirage_des_runes.png" align="center"/></a>
</div> <!-- FIN DIV "contenu-m" -->
<div id="contenu-p"><br>
<div class="moduletable">
<p><span class="style1">Cher(e) ami(e),</span><br/>
<p>Votre <span class="style2">blablabla</span><br/>
</div> <!-- FIN DIV "contenu-p" -->
<div id="contenu-d">
<p>blablablabla</p>
<p>blablablabla</p>
</div>
CSS
#contenu-m{
float:left;
width:200px;
background:url(image/haut-img.png) repeat-y top left;
margin:0px;
margin-left:2px;
margin-top:-100px;
border:solid 2px #808080;
}
a img{
border:none;
}
#contenu-p{
width:640px;
background:url(image/contenu-p.png) repeat-y top left;
margin-left:228px;
margin-top:100px;
padding:3px;
border:solid 2px #808080;
text-align:justify;
font-size:12px;
color:#FFFFFF;
}
.style1{
font-size:25px;
font-style:bold;
}
.style2{
font-size:19px;
}
.style3{
font-size:20px;
font-style:bold;
}
#contenu-d{
width:200px;
background:url(image/haut-img1.png) repeat-y top center;
border:solid 2px #808080;
}
.j'ai 2 div dans le conteneur une à gauche est une au milieu.
.je veut en ajouté une à droite.... qui se nomme contenu-d
petit problème elle reste encré dans celle du milieu.......
HTML
<div id="contenu">
<div id="contenu-m"><br>
<img src="image/logo-selene.png" align="center"/> <a href="tirage-des- tarots.html"><img src="image/tirage_des_tarots.png" align="center"/></a> <a href="tirage-des-runes.html"><img src="image/tirage_des_runes.png" align="center"/></a>
</div> <!-- FIN DIV "contenu-m" -->
<div id="contenu-p"><br>
<div class="moduletable">
<p><span class="style1">Cher(e) ami(e),</span><br/>
<p>Votre <span class="style2">blablabla</span><br/>
</div> <!-- FIN DIV "contenu-p" -->
<div id="contenu-d">
<p>blablablabla</p>
<p>blablablabla</p>
</div>
CSS
#contenu-m{
float:left;
width:200px;
background:url(image/haut-img.png) repeat-y top left;
margin:0px;
margin-left:2px;
margin-top:-100px;
border:solid 2px #808080;
}
a img{
border:none;
}
#contenu-p{
width:640px;
background:url(image/contenu-p.png) repeat-y top left;
margin-left:228px;
margin-top:100px;
padding:3px;
border:solid 2px #808080;
text-align:justify;
font-size:12px;
color:#FFFFFF;
}
.style1{
font-size:25px;
font-style:bold;
}
.style2{
font-size:19px;
}
.style3{
font-size:20px;
font-style:bold;
}
#contenu-d{
width:200px;
background:url(image/haut-img1.png) repeat-y top center;
border:solid 2px #808080;
}
A voir également:
- Aligner div à droite
- Les textes ne doivent pas être en retrait à droite et à gauche - Guide
- Ctrl droite ✓ - Forum Logiciels
- Chariot imprimante bloqué à droite - Forum Imprimante
- Barre droite mac ✓ - Forum MacOS
- Div c++ - Télécharger - Langages
3 réponses
bonjour,
Alors c'est simple soit tu donne un flottement a toute tes div(gauche ou droite) ; soit tu les fait flotter de leur coté respectif (la div gauche flotte à gauche et la droite... à droite ^^).
Pour que ça marche il faut que les élément flottantes soient placé avant les élément fixe.
Alors c'est simple soit tu donne un flottement a toute tes div(gauche ou droite) ; soit tu les fait flotter de leur coté respectif (la div gauche flotte à gauche et la droite... à droite ^^).
Pour que ça marche il faut que les élément flottantes soient placé avant les élément fixe.