Centrer une image

dldstyle

20 Jul 2005 à 20:10

Salut à tous,

je voudrai centrer une image dans une balise <p>.

J'ai bien sûr essayé de faire p img {text-align:center;} mais cela ne fonctionne pas.

Mon URL : http://www.apimetiquetage.fr/index2.html

Mercizz par avance Smiley smile

Tony Monast

Modérateur

20 Jul 2005 à 20:13

Bonjour,

Tu dois appliquer la propriété d'alignement au conteneur, et non au contenu.

C'est donc :


p {
text-align:center;
}

Modifié par Merkel (20 Jul 2005 - 20:14)

Raphael

Administrateur

20 Jul 2005 à 20:30

Eh oui

http://www.yoyodesign.org/doc/w3c/css2/text.html#alignment-prop : "Cette propriété décrit l'alignement d'un contenu en-ligne dans un élément de type bloc."

dldstyle

20 Jul 2005 à 20:43

Merci pour vos réponses mais je ne comprend cela ne marche pas sur ma page Smiley rolleyes

Cedric

20 Jul 2005 à 20:45

Tu es le deuxième à qui ça arrive aujourd'hui, ça doit être une grève des navigateurs Smiley cligne

Plus sérieusement, montre nous un bout de ton code, ça nous aidera ...à t'aider Smiley smile

Igor

20 Jul 2005 à 22:43

dldstyle a écrit :
Merci pour vos réponses mais je ne comprend cela ne marche pas sur ma page

Ca fonctionne dans ta page, mais tu définis #bloc2 en plusieurs endroits, dont un avec un:

#bloc2 p{text-align:justify;}

Tu n'as pas besoin de mettre ton image dans le <p> c'est text-align center de #bloc2 qui va centrer l'image:


<div id="bloc2">
<img src="index2_files/etiquettes.jpg" alt="exemples d'étiquettes" height="119" width="196" />
<h2>De la tradition à la technologie</h2>
<ul>
	<li>Agro-alimentaire</li>
	<li>Vins & spiritueux</li>
	<li>santé & cosmétique</li>
	<li>Industrie</li>
</ul>
</div>

#bloc2{text-align:center; width: 40%;background:#adc500;}
#bloc2 h2,#bloc2 ul{text-align:left}
#bloc2 p{text-align:justify;}