Discussion :

[Sniper37]

bonjour,

comment centrer un boutton ou une image quelque soit la largeur du div .
actuellement j'utilise le

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

margin-left

mais ya t'il un autre moyen pour centrer plus précisement et sur toues les pages..

merciii

[BlindeKinder]

bonjour,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
text-align:center ; /*pour les éléments en ligne*/
ou
position:relative ;
margin-left:auto ;
margin-right:auto ; /*pour un élément block*/

[Sniper37]

je ne sais pas ce que tu veu dire par block..

j'ai testé les deux.ça ne marche pas;.

au fait, les elements que je dois centrer sont dans ûn element span..

mercii

[BlindeKinder]

block et inline: n'importe quel tuto te renseignera...

Qu'as tu mis dans un span et que tu veux centrer?

[Sniper37]

block et inline: n'importe quel tuto te renseignera...

Qu'as tu mis dans un span et que tu veux centrer?

ahh ok, donc c'est un block..
je veux centrer un button ou image qui sert de button..

[BlindeKinder]

ah non, c'est un inline justement... donc:

dans ce cas, oublie le span, il vaut mieux faire un <div id="qqch"> avec l'image/bouton dedans puis:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
div#qqch {
text-align:center ;
}

ça créera un div qui prendra par défaut toute la largeur du div qui le contient, et centrera l'image ou autre élément en ligne:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
 
**************************************************div conteneur
*<p>paragraphe ou autre, aligné à gauche</p>               
*                                                                              
* """""""""""""""""""""""""""""""""""""""""""""""""""""div qqch
* "                            img centrée                               
* """""""""""""""""""""""""""""""""""""""""""""""""""""""""""""
*<p>suite du contenu</p>                                         
**************************************************************

(désolé pour la mise en page du croquis... )

[Sniper37]

merci BlindeKinder .;

ça marche nickel..

[BlindeKinder]