5568 sujets

Sémantique web et HTML

Problème de validation d'une feuille css

Bonjour,

Je suis en train de valider mon site Web mais il y a une erreur que je n'arrive pas à corriger malheuresement.

Voilà ce que dit l'erreur : Error Line 237 column 6: end tag for "HTML" which is not finished.
Pourtant j'ai mis une balise <Title>
Merci d'avance.



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<title>page CSS
</title>
<style type="text/css">
 
body {
	margin:0;	padding:0;  height: 100%; overflow-x:hidden;	overflow-y:hidden;
	scrollbar-track-color: #FFE99D;
	scrollbar-face-color: #FFE99D;
	scrollbar-shadow-color: blue;
	scrollbar-highlight-color: #FFE99D;
	scrollbar-darkshadow-color: #0000CC;
 }
table{
	color: #0000CC;  
	font-family: Verdana ;   	
	font-size: 0.6em ;
	text-align:justify;
}
td table{	
	font-size: 1em ;
}
.contenu {
	height: 100%;	width:100%;	background-color: #FFE99D;	}
	
.font_menu {
 	color: #0000FF; 	font-family: Verdana ;  	font-weight: bold; 

font-size:1.2em  }
.font_offre_titre {< 
font-size:1.2em;
}
.font_texte {
 }
	
.align_bambou {	
	position:absolute;	right:0%; 	height:100%; 	width:25%;    z-index:1;	

}
.align_eau {	
	position:absolute;	left:65%; 	top: 80%;	height:25%; 	width:70%;  

 	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./pics/eau.png", 

sizingMethod="scale"); z-index:1;	}
.align_fond{	
	position:absolute;	left:0%; 	top: 0%; 	height:100%; 	z-index:1;	

}
	
.accueil {	
	position:absolute;	left:10%;	top: 2%;	

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./pics/accueil.png", 

sizingMethod="scale");	height:31; width:33;	z-index:2;	}
.informations {
	position:absolute;	left:20%; 	top: 2%; 	

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./pics/informations.png", 

sizingMethod="scale");	height:31; width:32;	z-index:2;	}
.offre {
	position:absolute;	left:30%; 	top: 2%; 	

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./pics/offre.png", 

sizingMethod="scale");	height:31; width:32;	z-index:2;	}
.documents {
	position:absolute;	left:40%; 	top: 2%; 	

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./pics/documents.png", 

sizingMethod="scale");	height:31; width:32;	z-index:2;	}
.contact {
	position:absolute;	left:50%; 	top: 2%; 	

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./pics/contact.png", 

sizingMethod="scale");	height:31; width:32;	z-index:2;	}

.accueil2 {	
	position:absolute;	left:10%;	top: 2%;	

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./pics/accueil2.png", 

sizingMethod="scale");	height:31; width:32;	z-index:2;	}
.informations2 {
	position:absolute;	left:20%; 	top: 2%; 	

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./pics/informations2.png", 

sizingMethod="scale");	height:31; width:32;	z-index:3;	}
.offre2 {
	position:absolute;	left:30%; 	top: 2%; 	

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./pics/offre2.png", 

sizingMethod="scale");	height:31; width:32;	z-index:2;	}
.documents2 {
	position:absolute;	left:40%; 	top: 2%; 	

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./pics/documents2.png", 

sizingMethod="scale");	height:31; width:32;	z-index:2;	}
.contact2 {
	position:absolute;	left:50%; 	top: 2%; 	

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./pics/contact2.png", 

sizingMethod="scale");	height:31; width:32;	z-index:2;	}

.phiwy_accueil {
position:absolute;	right:20%;	top:45%;	z-index:2; 
}
.phiwy_accueil2 {
position:absolute;	right:27%;	top:60%;	z-index:2; color: #0000CC;  
	font-family: Verdana ;   	
	font-size: 0.6em ;
}

.logo {
position:absolute;	right:2%;	top:1%;	z-index:2; 

filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./pics/logo_philiance.png", 

sizingMethod="scale");	height:35; width:91; 
}
.taille_img {
	height : 100%;	}

.texte {
	position:absolute;	left:2.5%;	top:15%;	z-index:1;	width: 64%; 

	height: 85%; overflow-x: hidden; overflow-y: auto;
}
.texte_large {
	position:absolute;	left:2.5%;	top:15%;	z-index:1;	width: 75%; 

	height: 85%; overflow: auto;
}
.sous_menu {
	position:absolute;	left:2.5%;	top:7%;	z-index:1;	width: 63.5%; 	

height: 7%;
}

.aff_offre_droit{
	position:absolute;	right:21%;	top:22%;	z-index:1;	width: 20%; 

height:27%;	overflow: auto;	
}
.aff_offre_bas{
	position:absolute;	left:2%;	bottom:4%;	z-index:1;	width: 55%; 

	overflow: auto;	
}
.aff_offre_img{
	position:absolute;  right:20%;	top:51%;	z-index:1;	width: 200; 

height:200;	overflow: auto;
}
.align_offre {
	position:absolute;	left:-220; 	top: 15%;	z-index:3;	}

.align_offre_info {
	position:absolute;	left:10%; 	top: 20%;	z-index:3;	}
.align_documents {
	position:absolute;	left:15%; 	top: 2%;	z-index:3;	}

.off_cat{
	position:absolute;	right:7%;	top:55%;	z-index:3;	width: 49%; 

	height: 40%;	overflow: auto;
}.off_cat_titre{
	position:absolute;	right:7%;	top:52%;	z-index:3;	width: 49%; 

	height: 40%;
}
.off_cat_1 {
 			color: #FFFFFF;  filter:alpha(opacity=100);  	

background-color:#0000CC; }
.off_cat_2 {
 			color: #0000CC;  filter:alpha(opacity=100);   	

background-color:#FFFFFF;  }
 .over3
  {
  position:absolute;	right:10%;	top:32%;	z-index:1;	width: 45%; 	

height: 40%; overflow: auto;
  }
.recherche{
	position:absolute;	left:2.5%;	top:15%;	z-index:1;	width: 85%; 

	height: 85%; overflow: auto;
}
.insc_err {
	color : red;
}

.taille_fenetre {
height:100%;
width:100%;
}
select {
width:150px;
}
.select2 {
width:202px;
}
A.menu:link {
		COLOR: #0000FF; TEXT-DECORATION: none;	}
A.menu:visited {
		COLOR: #0000FF; TEXT-DECORATION: none;	}
A.menu:active {
		COLOR: #CC0099; TEXT-DECORATION: none;	}
A.menu:hover {
		COLOR: #CC0099; TEXT-DECORATION: none;	}
		
A.menu2:link {
		COLOR: #FFFFFF; TEXT-DECORATION: none;	}
A.menu2:visited {
		COLOR: #FFFFFF; TEXT-DECORATION: none;	}
A.menu2:active {
		COLOR: #CC0099; TEXT-DECORATION: none;	}
A.menu2:hover {
		COLOR: #CC0099; TEXT-DECORATION: none;	}

</style>
</head>

</html>

Modifié par AlexandreA (23 May 2007 - 14:18)
Bonjour AlexandreA,

<edit>Validation page (X)HTML ou CSS ? Impossible de savoir ce que tu veux ...</edit>

<oops>Tu as confondu feuille de styles (CSS) et page HTML. Ce sont deux choses bien différentes. Je ne peux que te conseiller de revoir les bases XHTML/CSS que tu trouveras dans les tutos d'Alsacréations.

Pour ton problème : dans une CSS pas de balise (X)HTML que des règles CSS. Ainsi le DOCTYPE, html, head, title, style non rien à faire ici mais dans ta page (X)HTML (qui pourra ensuite "se servir de" cette CSS).</oops>

Ta page ne peut être validé sans l'élément body avec des enfants en son sein.

PS : le titre de ton post n'a rien à voir avec ton problème Smiley fache !

<edit>Pas de commentaire sur ton code actuel Smiley decu </edit>

Bonne continuation.
Romain
Modifié par yodaswii (23 May 2007 - 14:30)
Sujet clos
Aller à