18041 sujets

Questions générales et questions de débutants

Aghhh mon image de titre est toujours à gauche. (contourné)

Bonjour à tous,
Je suis en train de créer un site et mon image de titre est toujours à gauche.
j'aimerais qu'elle soit centré.
j'ai même encadré l'image par <p></p> mais rien n'y fait.
voilà l'adresse de la page :
http://2.9.167.7/index.html
le css est là :
http://2.9.167.7/css/base.css

le début de ma page à partir de body :

<body>
  	
  	<!-- Header -->
		<header id="haut">	
			<p id="displayed">
				<img id="parent" alt="Ignace72.eu" src="img/titre.lune.mouettes.jpg"><br>
			</p>
		</header>


et le CSS correspondant :

#displayed {
   margin-left: auto;
   margin-right: auto;
}


Merci
Modifié par Ignace72 (04 Aug 2014 - 16:40)
Modérateur
Coucou,

Tente plutôt un
#displayed {
   text-align: center;
}

Modifié par _laurent (04 Aug 2014 - 15:31)
Modérateur
j'ai bien marqué
#displayed {
   text-align: center;
}
avec le code html
<header id="haut">	
   <p id="displayed">
      <img id="parent" alt="Ignace72.eu" src="img/titre.lune.mouettes.jpg"><br>
   </p>
</header>
hein, parceque là je vois un text-align:center sur l'image... c'est sur le parent de l'image qu'il faut le mettre, en l’occurrence le <p id="displayed"> que vous avez enlevé.

Sans le conteneur vous étiez bien parti avec un
#parent{
   margin-left: auto;
   margin-right: auto;
left:0;
right:0;
}


Le tuto sur ce site même : http://www.alsacreations.com/article/lire/539-Centrer-les-elements-ou-un-site-web-en-CSS.html

Bon courage pour la suite Smiley smile
Modifié par _laurent (04 Aug 2014 - 16:31)
Nous sommes bien d'accord.
Quand j'ai vu votre message, j'ai remis la balise p mais c'était pas mieux.
En fait avec une image de 1880 pix, c'est pas dégeux Smiley lol
Je dis ça car il y a plus important à faire sur le site comme mettre du contenu.
Merci en tout cas pour l'encouragement.
Modifié par Ignace72 (04 Aug 2014 - 16:39)
Sujet clos
Aller à