28173 sujets

CSS et mise en forme, CSS3

Bonjour à toutes et à tous,

C'est la première fois que j'essaye de corriger une feuille de style.

En la corrigeant sur le validateur il me donne une erreur comme sur cette image. Je ne comprend rien du tout à quoi est due la faute... Es ce qu'il faut faire comme au document html et leurs donner un doctype ?

upload/15450-Sanstitre.JPG

je vous met le code css peut etre

/* CSS Document */
<style title="CSS" type="text/css">
#entete {
    }

#texte {
	margin-top: 35px;
    }

#pied { clear: left;
    }
	
body {
     margin: 0; /* pour éviter les marges */
     text-align: center; /* pour corriger le bug de centrage IE */
     }
#global {
     margin-left: auto;
     margin-right: auto;
     width: 80%;
     text-align: left; /* on rétablit l'alignement normal du texte */
     }
dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#menu {
	margin: auto;
	position: absolute;
	width: 100%;
	z-index: 100;
}

#menu dl {
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 12px;
	line-height: 15px;
	width: 14.25%;
}

#menu dt {
	cursor: pointer;
	text-align: center;
	border: 1px solid #990000;
	height: 30px;
	background-color: #F5E8E2;
	font-family: Arial, Helvetica, sans-serif;
	margin: 1px;
	font-size: 12px;
	color: #000000;
}

#menu dd {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #E4E4E4;
	font-size: 12px;
	vertical-align: middle;
	width: 100%;
	margin-top: -1px;
	color: #000000;
}

#menu li {
	text-align: left;
	width: 100%;
}

#menu li a, #menu dt a {
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
	color: #000000;
}

#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus {
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #990000;
	background-color: #FFFFFF;
	width: 100%;
	height: 100%;
}

.Style1 {
	line-height: 30px;
}
</style>



Merci d'avance.
Ha et j'allais oublier, dans ma page j'ai du javascript aussi, es-ce normal que le code ne soit pas valide avec le w3c ?
Modifié par Tidus_6_9_2 (28 Jan 2008 - 16:32)
S'il vous plait un petit coup de pied ^^ c'est vite fait de répondre pour ceux qui connaisse (je penses et j'éspère du moins, sinon j'ai du soucis à me faire)
salut,
vu la tete du message d'erreur...ta suremenet un erreur dans ton code HTML parce que ya que la bas ou on peut rencontrer des "<" Smiley biggol
En faite je crois que je suis un peu bourré... J'ai oublié d'enlever les <style> que j'avais mis avant. Comme je les avaient dans la même page que mon code je n'ai pas réfléchis en les mettant dans un fichiers .css ... alors évidement j'ai colé le <style> par la même occasion Smiley biggol

Smiley sweatdrop Je crois qu'il faut que j'arrete la bière ^^ Merci hakkou, tu m'as fait réfléchir haha et bonne journée