Salut à tous,

J'ai un problème de validité W3C pour aligner mon image de bandeau.

Actuellement, j'ai mis un center sur l'image, mais celle-ci est dans un lien...

http://ensemble.immobilier.free.fr/index.html


HTML :
<body>

<div id="wrapper">
	<div id="bandeau">
		<a href="index.html"><center><img src="banniere blog sci.png" alt="S.C.I Ensemble Immobilier" /></center></a>
	</div>
</div>


CSS :
body {
 color: white;
 background: #181818 url(color181818.png) repeat-y center;
 text-align: center;
 font-family: Tahoma,Arial;
 font-size: small;
}

#wrapper {
 color: black;
 text-align: center;
 background-image: none;
 background-color: #181818;
 font-family: Verdana,Arial;
 width: 1024px;
 margin-top: -50px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 0px;
}

#bandeau {
 text-align: center;
 font-family: Verdana,Arial;
 color: #3399FF;
 background-color: #181818;
 border-bottom: 0px solid #ffffff;
 width: 1024px;
 margin-left: auto;
 margin-right: auto;
 padding-right: 0px;
 padding-bottom: 0;
 padding-left: 0px;
}

#bandeau img {
 background-color: white;
 border: 12px solid white;
}



Je sais que mon code est un peu bidouillé, mais je m'embrouille vite dans les margin, padding, border...
Hello,

j'ai déplacé ton sujet puisque tu ne parles pas de validation css mais html. Smiley cligne

D'après http://validator.w3.org l'erreur vient de ce que tu ne peux pas mettre un élément CENTER directement dans un lien A.

De toute façon :
1) cet élément est déprécié depuis déjà longtemps comme tous les éléments de mise en forme puisque la présentation concerne le CSS et pas le HTML (contenu).
2) cet élément me semble complètement inutile dans ton cas et il te suffit (sauf erreur de ma part) de le supprimer.
Modifié par Heyoan (07 Feb 2009 - 14:29)
En passant: un conteneur de largeur 1024px c'est une bêtise. Pour un écran en 1024x768 (ou 1024x640 comme certains netbooks je crois), quelle sera la largeur réellement disponible dans la fenêtre du navigateur pour afficher le site?

On conseille généralement de ne pas dépasser les 990px.
Vous allez me prendre pour un gros abruti, mais je vous ai pas donné le bon code CSS... Smiley biggol

Mais en tout cas, vos conseils m'ont servi, j'ai réduit la largeur de ma page à 920px, et ça va mieux sur les petits écrans.

J'ai supprimé les center, et c'est bon. Il faudrait vraiment que je me mette au 100% CSS...


Bonne soirée à tous. Smiley lol