2 cadre une question

Fermé
eric - 27 nov. 2015 à 18:33
 eric - 29 nov. 2015 à 17:28
Bonjour,

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

A voir également:

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
0