XHTML/CSS
Résolu
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 -
anas212 Messages postés 32 Date d'inscription jeudi 30 décembre 2010 Statut Membre Dernière intervention 8 mars 2011 -
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!
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!
A voir également:
- XHTML/CSS
- Css download - Télécharger - HTML
- Enlever le soulignement d'un lien css ✓ - Forum Réseaux sociaux
- Css ligne horizontale ✓ - Forum CSS
- Enlever le soulignage des lien. - Forum CSS
- Enlever soulignement lien css ✓ - Forum CSS
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
1 févr. 2011 à 17:18
Tu peux faire comme ça:
CSS:
<p class="center"><img src="image.jpg" alt="" /></p>
CSS:
p.center{text-align:center;}
5 févr. 2011 à 16:00
Ca marche très bien, merci beacoup arthezius pour ton précieuse aide.