28172 sujets

CSS et mise en forme, CSS3

Hello, j'ai un petit problème pour la mise en page de ma div :

<style type="text/css"> 
.film
{
	border: 1px solid #000000;
}

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

p.film
{
	text-align: center;
}
</style>

<div class="film">
	<img src="images/hp6.jpg" />
	<p>Réalisateur : David Yates<br />
	Durée : 2h32</p>
	<h3>Description</h3>
	<p>bla bla bla</p>
	</p><br />
	<h3>Avis perso</h3>
	<p>bla bla bla</p>
</div>


Ni l'image ni le texte n'est centré, où est ce que je fais mal quelque chose ? Smiley decu
Modifié par Relax (11 Aug 2009 - 16:08)
Salut,

img.film ne veut pas dire "les img qui sont dans .film" (ce qui se dirait .film img) mais "les img qui ont une classe film". Or aucune n'est présente dans ton extrait de code html. (même remarque pour p.film).

En passant :
- ton </p><br /> est en trop car le dernier <p> est déjà fermé et que les sauts de ligne (<br/>) sont automatiques après un </p> (si tu veux de la marge, c'est plutôt vers les css qu'il faut se tourner)
- enfin, tu utilises le couple <h3><p> pour baliser description et avis perso, pourquoi ne fais tu pas la même chose pour réalisateur et durée ?
Modifié par marcv (11 Aug 2009 - 07:53)
Ah d'accord ... merci pour la syntaxe.

Pour les remarques, c'était juste une présentation exemple donc j'ai pas trop fait attention désolé ^^