[Problème] Impossible de centrer l'image dans la DIV

[Visiteur]

Slt

Dans une page je voudrais mettre 2 images cote a cote. Chacune aura un titre juste au dessus. Chaque titre et image doit etre centre dans sa moitier de l'article. Mais j'ai un souci avec le centrage des images. J'ai deja centrer plusieurs fois des images dans des div dans d'autres sites sans probleme, mais la j'y arrive pas . C'est un grand mystere.

<div id="articles">

	<div id="navire-voilier-article">
		<p>Le voilier</p>
		<a href="index.php?option=com_content&amp;view=article&amp;id=31:le-voilier&amp;catid=12:excursions-en-mer">
			<img src="images/navires-observation/navires-obs-voilier-article.png" alt="Le navire d'observation d'Itsas Arima : Le voilier" />
		</a>

	</div>
	
	<div id="navire-mater-article">
		<p>Le Mater</p>
		<a href="index.php?option=com_content&amp;view=article&amp;id=30:le-marer&amp;catid=12:excursions-en-mer&amp;Itemid=166" target="_blank">
			<img src="images/navires-observation/navires-obs-mater-article.png" alt="Le navire d'observation d'Itsas Arima : Le mater" />
		</a>
	</div>

</div><!-- Fin ARTICLE -->

#navire-voilier-article {
	float:right;
}

#navire-mater-article,
#navire-voilier-article {
	width:50%;
}

#navire-mater-article img,
#navire-voilier-article img {
	width:350px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

#navire-mater-article p,
#navire-voilier-article p {
	text-align:center;
	font-weight:bold;
	font-size:2.5em;
	margin-bottom:10px;
}

Merci d'avance pour votre aide.

[webcrea]

Re : Impossible de centrer l'image dans la DIV

as-tu essayé ça :

#navire-mater-article,
#navire-voilier-article {
width:50%;
text-align:center;
}

ou


#navire-mater-article p,
#navire-voilier-article p {
text-align:center;
font-weight:bold;
font-size:2.5em;
margin-bottom:10px;
margin-left:auto;
margin-right:auto;
}

car tel que je traduit ta css, tu demandes à la balise p de se centrer mais pas d'occuper les 100% de largeur ou éventuellement d'ajuster automatiquement(pour centrer) les marges gauche et droite

[Visiteur]

Re : Impossible de centrer l'image dans la DIV

Merci pour ta reponse.

Ta 1ere proposition marche. Pourtant la ou ta rajouter le text-align:center; ca devrait etre pour centrer #navire-mater-article et #navire-voilier-article, donc les blocks complets et pas se qui est contenu dans chacun d'eux. Moi je l'avais mis dans #navire-mater-article img et #navire-voilier-article img car c'est l'image que je veux centrer.

J'ai pas compris par rapport a la balise <p>. J'ai mis un text-align:center;, donc pas de souci elle se centre.

[lefabdu51]

Re : Impossible de centrer l'image dans la DIV

#navire-voilier-article img

impossible que cela marches

ce serait plutot
#navire-voilier-article a
vu que ton image est dans un lien.....

[Visiteur]

Re : Impossible de centrer l'image dans la DIV

#navire-voilier-article img

impossible que cela marches

ce serait plutot
#navire-voilier-article a
vu que ton image est dans un lien.....

Ha mais j'avais pas essaye avec #navire-voilier-article a !!! normal que ca marchait pas. Merci pour ton aide.