Centrer les images ?

Sujet résolu

10 décembre 2005 à 11:35:58

Salut,
Je voudrais savoir s'il était possible de centrer des images sans forcèment passer par le margin : auto; appliqué à la balise parente .
Merci

mebon

10 décembre 2005 à 11:43:33

Le mieux, je pense, c'est d'appliquer le margin auto à l'image

img { display:block; margin:0 auto; }

mais quel est ton but exactement ?

Finality

10 décembre 2005 à 11:44:04

je pense qu'en mettant text-align à ton ton image sera centrée ainsi que tout ce qu'il y a à l'intérieur

Tangui

10 décembre 2005 à 11:44:24

Slt,

ce sujet est fréquemment exposé, tu aurais pu faire une recherche. Pour info :

.centre{
text-align:center;
}

mebon

10 décembre 2005 à 11:45:52

Ouaip text-align c'est bien aussi à condition qu'il n'y ait que ton image dans le paragraphe

Pliskin

10 décembre 2005 à 11:52:49

Merci pour vos réponses

Mebon, j'ai pensé faire pareil mais apparement il faut absolument mettre une image dans un paragraphe (), sinon ce n'est pas valide.

mebon

10 décembre 2005 à 11:58:47

Non mais bien sûr, il faut qu'une image soit dans quelque chose (un , un <div>, n'importe quoi), après si elle est dans le même paragraphe que le reste de ton texte c'est bon.

Voici un exemple qui marche et qui est valide (pas testé la validité, mais je sais que ça l'est, me cherchez pas)

img.centre {
display:block;
margin:5px auto;
}

Senectus ssisci faciduisi congue exercilit feugiatue adionsed vendre viverra nam velisim. Egestas eum alis olenit accum; atummy justoisi iriureisl class delit. Ipsusci tem luptatum dit accum; consequam mattis sum issequi pellentesque. Veliqui eu parturient incing verostin dolorper. Et donc vous connaissez google ? Voilà le logo.<img src="http://www.google.fr/intl/fr_fr/images/logo.gif" class="centre"/> Odolorperos niat magnis sit facipsum. Ut duisit eugiate autet suspendisse ing numsandre dui acipsusisiismodi. Estrud est lorper tionsenis libero ipiscip nonum pellentesque illuptatie; pulvinar incinis blandipisisi sum delit pretium. Lute consent deliquatue incinim volut, isisiscilit corem sequam.

Comme ça on garde tout dans le même paragraphe. C'est tout aussi et peut être même plus sémantique que de faire un paragraphe rien que pour l'image.

Pliskin

10 décembre 2005 à 13:02:51

Ok merci

(le fait de mettre une balise block dans un paragraphe  ne crée aucun probleme ?)

mebon

10 décembre 2005 à 13:04:15

Non ça crée pas de problème, parce que je mets pas de balise block dans un . La balise img est une balise en ligne. En css par contre je dis au navigateur de présenter l'image comme si c'était une balise block, mais ça change rien au fait que le code est valide.

Pliskin

10 décembre 2005 à 13:07:56

Ok bah dans ce cas, je vais utiliser cette methode

elle est beaucoup plus simple que les autres

(et comme tous les zeros je suis un gros fainéant :-°

).............
Encore merci Mebon