XHTML/CSS

Résolu/Fermé
anas212 Messages postés 32 Date d'inscription jeudi 30 décembre 2010 Statut Membre Dernière intervention 8 mars 2011 - 1 févr. 2011 à 15:33
anas212 Messages postés 32 Date d'inscription jeudi 30 décembre 2010 Statut Membre Dernière intervention 8 mars 2011 - 5 févr. 2011 à 16:00
Bonjour tout le monde,
J'aimerais bien savoir comment je peux positionner une image au centre dans une page xhtml reliée par link avec une autre page css,j'ai essayé de faire la balise img puis text-align:center dans le fichier .css mais c'était en vain . Comment puis-je centrer cette image ?
voilà le code :
XHTML:

..... <link rel="stylesheet" media="screen" type="text/css" title="cours1" href="cours1.css" />
</head>
<body>
<h1 id="Hautdepage" class="titre">La littérature française</h1><img src="C:/livre2.gif" alt="C'est un bouquin" title="Au serieux!"/>
<div class="indentation">
... vous pouvez remarquer que l'image est livre2.gif.
CSS: dans le cours1.css que j'ai mis le lien là-haut.
img
{
text-align: center;
}
mais si je veux mettre margin-left:auto et margin-right:auto ca serait comme ca?:
img
{
margin-left:auto;
margin-right:auto;
}
comme ca ca ne marche pas!

1 réponse

arthezius Messages postés 3538 Date d'inscription jeudi 15 mai 2008 Statut Membre Dernière intervention 11 septembre 2016 475
1 févr. 2011 à 17:18
Tu peux faire comme ça:
<p class="center"><img src="image.jpg" alt="" /></p>

CSS:
p.center{text-align:center;}
0
anas212 Messages postés 32 Date d'inscription jeudi 30 décembre 2010 Statut Membre Dernière intervention 8 mars 2011 2
5 févr. 2011 à 16:00
Bonjour,
Ca marche très bien, merci beacoup arthezius pour ton précieuse aide.
0