2 cadre une question

eric -
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

Afficher la suite

A voir également:

2 cadre une question
Supercopier 2 - Télécharger - Gestion de fichiers
Comment faire un cadre sur word - Guide
2 ecran pc - Guide
Faire 2 colonnes sur word - Guide
Whatsapp 2 - Guide

1 réponse

Réponse 1 / 1

eric

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

Discussions similaires

probleme sommet

Paris multiple : explications de 2/3, 3/4, 2/4, 2/5, etc.

Voxbone ? qui est-ce ?

Erreur CE-35888-2

Votre réponse

Discussions similaires