Image pas centrée

Sujet résolu

23 février 2006 à 16:50:04

Salut,
C'est bizarre mais mon image est pas centrée vous pourriez me dire pourquoi ?

Le XHTML :

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title>Site en construction</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
</head>
<body>
<img src="logo.jpg" id="logo" alt="Logo d'El Conseil" title="El Conseil" />
<img src="photo.jpg" id="photo" alt="Photo" title="Photo" />
<h1>El conseil</h1>
Coach 
Consultante en relations humaines 
Conseil en communication 
 
<ul>
<li>Maximiser la performance</li>
<li>Gagner du bien-être et de l'énergie</li>
<li>Optimiser la qualité et l'efficacité des relations</li>
</ul>
Site en cours de construction - Merci de votre visite 
Nous contacter : xxxxxxx@free.fr
</body>
</html>

Le CSS :

body
{
font-family: Helvetica;
color: #993366;
font-weight: bold;
}

#logo
{
text-align: center;
}

#photo
{
float: left;
padding: 10px;
padding-top: 140px;
padding-left: 30px;
}

p
{
font-size: 1.3em;
}

#enconstruction
{
text-align: center;
}

li
{
list-style-type: circle;
font-size: 1.5em;
font-weight: bold;
}

Merci d'avance c'est surement une faute bête !

Anonyme

23 février 2006 à 16:54:32

Lequel ? Logo ?
Remplace le text-align: center de logo et mets:
margin:auto;

Cependant, c'est meilleur de mettre class au lieu de id à image.

Lucas46

23 février 2006 à 17:18:30

merci mais ca marche pas, maintenant c'est juste un peu décalé et pas centré

Pourquoi on doit pas mettre id, on l'utilise bien qu'une fois l'image non ?

Et pourquoi text-align:center; ne marche pas ca devrait nan ?

Merci d'avance

strucky

23 février 2006 à 19:03:51

Salut,

body{text-align: center}

Lucas46

23 février 2006 à 19:09:39

et si je veux pas tout centrer ???

Edit : c'est bon j'ai trouvé j'ai fait :

.logo
{
display: block;
margin: auto;
}

Merci Scorpion et merci quand meme strucky

@+

JulFisher

23 février 2006 à 20:55:25

Sinon tu mets simplement tes images dans un paragraphe auxquels tu appliques alors un text-align: center;

N'oublie pas de mettre ton sujet en résolu.

Lucas46

24 février 2006 à 18:33:51

ah oui pas con

j'allais marquer que c'etait resolu j'avais oublié