28220 sujets

CSS et mise en forme, CSS3

Problème centrage

Bonjour

j'aimerais avoir plusieurs paragraphe de taille fixe (140px de largeure) qui se positionne côte à côte.

ça j'y arrive ne faisant p {float:left;}

le problème c'est que j'aimerais que tout ces paragraphes soient centrés horizontalement par rapport à ma page. Et avec le float ça ne marche pas car il vont tous aligné sur la gauche.

Y a t il une propriété du genre float:center ?!

comment je peux me débrouiller ? Smiley confus

Merci
Salut,

Si j'ai bien compris, tu veux mettre du texte en fer à gauche, centré et en fer à droite?

J'ai trouvé ce qui suit :
LA


Fer à gauche et fer à droite

Solution sans tableau :

<div style="width:100%;">
   <div style="float:left">Fer à gauche</div>
   <div style="float:right">Fer à droite</div>
</div>




Autre méthode :

<div style="width:100%;">
   <div style="display:compact">Fer à gauche</div>
   <div style="text-align:right; margin-left: 50%">Fer à droite</div>
</div>





Pour un élément centré:
On doit « tricher » en utilisant les attributs CSS qui simulent un tableau.

<div style="width:100%; display: table">
   <div style="display: table-row">
      <div style="width:33%; text-align:left;
                  display: table-cell">Gauche<div>
      <div style="width:34%; text-align:center;
                  display: table-cell">Centre<div>
      <div style="width:33%; text-align:right;
                  display: table-cell">Droite<div>
   <div>
<div>


Voilà la source de tout cela est dans le lien que j'ai mis au-dessus...
bonjour

a écrit :
Y a t il une propriété du genre float:center ?!



franchement...pourquoi ne pas vous cultivez un minimum avant de vous lancez?

le centrage horizontal avec un navigateur css :


.centrer {
width: une valeur; /*c'est obligatoire*/
margin-right: auto;
margin-left: auto;
}



avec les msie :
body {
text-align: center;
}
p h1 h2 ...etc{
text-align: left;
}/*on rétabli l'ordre*/


pour le vertical, on utilisera les marges négatives.

Edité : par dominique pour un coup de main de nettoyage Smiley cligne demandé par keran.

Pour tes problèmes de cookies, keran, il faut que ton navigateur les accepte ?
Modifié par dominique (24 Aug 2005 - 18:44)
<dominique

j'accepte les cookies du forum et m'identifie sur la page accueil, çà marche.seulement je n'ai pas le bouton éditer et doit m'identifier à chaque post.mais c'est vrai que mes paramétres sont très stricts.ce n'est pas très grave, je vais gérer.

merçi d'avoir fait le ménage.
oui ok je connais ça,

mais ça ne me donne pas du tout la solution !

je peux centrer 1 paragraphe ça ce n'est pas un problème.

Moi je veux centrer plusieurs paragraphe en float.

Regardez mieux mon schéma Smiley rolleyes
c'est la chaleur??

c'est exactement la même chose, sauf que tu dois regrouper tes trois div dans un conteneur...et là, miracle, çà marche.
Bonjour r1z

voici résumé ce que les autres ton expliquer avec une couleur pour différencier les blocs.

La CSS:

body{
	margin:0;
	text-align:center;
}
#cont{
	text-align:left;
	width:500px;
	margin-left:auto;
	margin-left:auto;
	margin-right: auto;
}
#cont p{
	width: 140px;
	height: 100px;
	margin:0px;
	float:left;	
}
#cont #p_1{
	background-color: #0066CC;
}
#cont #p_2{
	background-color: #00CC00;
}
#cont #p_3{
	background-color: #FF0000;  
}


La div qui emprisonne les textes:

<div id="cont">
<p id="p_1">Texte1</p>
<p id="p_2">Texte2</p>
<p id="p_3">Texte3</p>
</div>
merci j'ai bien compris comment centré un DIV, mais mon problème ne se situ pas la.

Je suis amené à rajouter / enlevé des blocs, donc je ne peux pas connaitre la taille de mon #cont à l'avance.
Sujet clos
Aller à