[résolu]Positionner avec une class, c pas aussi classe !

Bonjour,

Voilà c'est un truc tout bête, j'ai l'habitude de centrer du text, des background, mais pas les IMG !

En faite ya pas un problème mais 2 en réalité :

voici mon code :

.centrer {
  margin-left : auto;
  margin-right : auto;width:291px;
  display:block; }

Le problème là, c'est que cette class ne sera pas réutilisable à cause
du width (les images etants différentes en largeur)

si je supprime le width là et que je le rajoute là :

<span class="centrer"><img src="images/titre.png" alt="" style="width:291px;"/></span>

ça marche pas ! étrange !

Merci !
Modifié par Diana (16 Mar 2007 - 21:04)

Salut,

Comme une image est de type inline, il te suffit d'appliquer text-align: center; à son conteneur (comme le dit si bien la FAQ ).
Modifié par Julien Royer (16 Mar 2007 - 17:22)

oui mais le problème c que j'ai pas que ça dans la div, alors je veux pas que tout soit centrer non plus !

Diana a écrit :
oui mais le problème c que j'ai pas que ça dans la div, alors je veux pas que tout soit centrer non plus !

Si ton span est en display: block;, tu peux très bien lui appliquer text-align: center;. Sinon, sans span, tu peux écrire :

[b]HTML[/b]
<img src="..." alt="..." width="..." height="..." class="maClasse" />

[b]CSS[/b]
.maClasse {
  display: block;
  margin: 0 auto;
}

Ah ouiii Merci Julien !

Cet exemple est parfait

merci beaucoup

Ya un truc même bizarre, tout a lheure avec SPAN cela centrait mais il n'était plus dans le header(flux normal)

Alors que là on fait pareil sans span mais on attribut aussi un display block mais l'image saute pas.

A mon avis ya un truc qui méchappe

http://isis.no-ip.info/site/
Modifié par Diana (16 Mar 2007 - 18:10)