2 cadre une question
eric
-
eric -
eric -
Bonjour,
une question simple mais j'ai un doute pour aligner 2 cadres
et son css
ou bien
je rajoute un css
il faut que je rajoute une class paginationsforumhaut ou pas du tout
merci
une question simple mais j'ai un doute pour aligner 2 cadres
<section class="paginationsforum"> <div class="paginationsforumgauche">cadre gauche</div> <div class="paginationsforumdroite">cadre droite</div> </section>
et son css
.paginationsforum
{
border-color:#CCCCCC; /* on affiche la couleur de la bordure */
border-style: solid; /* on affiche le style de l'a bordure */
border-width:0px 0px 0px 0px; /* top right bottom left */
margin:10px 10px 10px 10px;/* top right bottom left */
padding:0px 0px 0px 0px;/* top right bottom left */
overflow:hidden;
min-height:60px;
}
.paginationsforumgauche, .paginationsforumdroite
{
border-color:#CCCCCC; /* on affiche la couleur de la bordure */
border-style: solid; /* on affiche le style de l'a bordure */
border-width:0px 0px 0px 0px; /* top right bottom left */
margin:0px 0px 0px 0px;/* top right bottom left */
padding:0px 10px 10px 0px;/* top right bottom left */
min-height:60px;
}
.paginationsforumgauche
{
width:800px;
float:left;
position:absolute;
}
.paginationsforumdroite
{
text-align:right;
float:right;
width:956px;
}
ou bien
<section class="paginationsforum"> <div class="paginationsforumhaut> <div class="paginationsforumgauche">cadre gauche</div> <div class="paginationsforumdroite">cadre droite</div> </div> </section>
je rajoute un css
.paginationsforumhaut
{
border-color:#CCCCCC; /* on affiche la couleur de la bordure */
border-style: solid; /* on affiche le style de l'a bordure */
border-width:1px 0px 0px 0px; /* top right bottom left */
margin:-10px -10px 0px -10px; /* top right bottom left */
padding:10px 10px 10px 10px; /* top right bottom left */
overflow:hidden;
}
il faut que je rajoute une class paginationsforumhaut ou pas du tout
merci
1 réponse
-
je répète car là personne n'est motivé
actuellement
<section class="paginationsforum"> <div class="paginationsforumgauche">mes buttons</div> <div class="paginationsforumdroite">ma pagination</div> </section> <section class="paginationsforum"> <div class="paginationsforumgauche">navivigation rapide</div> <div class="paginationsforumdroite">mon select</div> </section> <section class="paginationsforum"> <div class="paginationsforumgauche">auto réponse</div> <div class="paginationsforumdroite">mon select</div> </section>
avec le css
.paginationsforum { margin:10px;/* top right bottom left */ overflow:hidden; min-height:60px; } .paginationsforumgauche, .paginationsforumdroite { padding-right:10px; padding-bottom:10px; min-height:60px; } .paginationsforumgauche { width:800px; float:left; position:absolute; } .paginationsforumdroite { text-align:right; float:right; width:956px; } .paginationsforumdroite nav ul { list-style:none; } .paginationsforumdroite nav ul li { display:inline-block; }
ou bien
<section class="paginationsforum"> <div class="paginationsforumhaut"> <div class="paginationsforumgauche">mes buttons</div> <div class="paginationsforumdroite">ma pagination</div> </div> </section> <section class="paginationsforum"> <div class="paginationsforumhaut"> <div class="paginationsforumgauche">navivigation rapide</div> <div class="paginationsforumdroite">mon select</div> </div> <section> <section class="paginationsforum"> <div class="paginationsforumhaut"> <div class="paginationsforumgauche">auto réponse</div> <div class="paginationsforumdroite">mon select</div> </div> </section>
ou bien
<section class="paginationsforum"> <section class="paginationsforumhaut"> <div class="paginationsforumgauche">mes buttons</div> <div class="paginationsforumdroite">ma pagination</div> </section> <section class="paginationsforumhaut"> <div class="paginationsforumgauche">navivigation rapide</div> <div class="paginationsforumdroite">mon select</div> <section> <section class="paginationsforumhaut"> <div class="paginationsforumgauche">auto réponse</div> <div class="paginationsforumdroite">mon select</div> </section> </section>
et je rajoute un css
.paginationsforumhaut { border-color:#CCCCCC; /* on affiche la couleur de la bordure */ border-style: solid; /* on affiche le style de l'a bordure */ border-width:0px 0px 0px 0px; /* top right bottom left */ margin:0px 0px 0px 0px;/* top right bottom left */ padding:0px 0px 0px 0px;/* top right bottom left */ min-height:150px; }
j'ai ajouter un mini height
si vous pouvez me dire qui est mieux come code
merci
