5568 sujets

Sémantique web et HTML

Erreurs de validations XHTML 1.0 transitional

Bonjour à toutes et tous
Je me suis lancé dernièrement dans la créations de webdesign ,autrement dit templates en HTML , je viens de finir un petit quelquechose pour mon site de présentation ,et j'ai voulu le valider XHTML 1.0 transitional ,alors j'ai été voir le validateur,qui m'a signalé 4 erreurs ,et à chaque fois que je réssouds une erreur,il y a 10 erreurs qui surgissent de partout,alors je me suis venu à vous espérant que vous aller m'aider !
<!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">
<head>
<!--
Thème Black-Soka
Créé par "Soka créations"

-->









  
  
  
  
  
  
  
  
  
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />











  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  <title>Soka Cr&eacute;ations - Cr&eacute;ations graphiques gratuites -</title>
  <meta name="keywords" content="" />










  
  
  
  
  
  
  
  
  
  <meta name="description" content="Cr&#65533;ations de kits graphiques" />










  
  
  
  
  
  
  
  
  
  <link href="default.css" rel="stylesheet" type="text/css" media="screen" />
</head>


<body>










<!-- start header -->
<div id="header">
	
<h1 style="color: rgb(0, 0, 153);">Soka Creations</h1>










	
<p><span style="color: rgb(0, 0, 153);">Cr&eacute;ations de kits graphiques</span></p>










</div>










<!-- end header -->
<!-- start page -->
<div id="page">
	<!-- start content -->
	
<div id="content">
		
<div class="post">
			
<h1 style="color: rgb(51, 51, 255);" class="title">Ouverture prochaine :</h1>










			
<p class="byline"><small>Post&eacute; le &nbsp; 14&nbsp; novembre&nbsp; 2007&nbsp; par&nbsp; <span style="text-decoration: underline;">karim10</span>&nbsp;</small></p>










			
<div class="metamorecommentsmorepostmetatitle" style="text-align: left; font-family: Comic Sans MS;">Nous informons nos ch&egrave;rs internautes que Soka Cr&eacute;ations va bient&ocirc;t<br />


ouvrir ses portes pour exposer ses cr&eacute;ations graphiques,
cr&eacute;ations qui seront t&eacute;l&eacute;chargeables gratuitement.<br />


Nous vous tenons inform&eacute;s de nos avanc&eacute;es.<br />


</div>










			
		</div>










		
<div class="post">
			
<p class="byline"><small><span style="text-decoration: underline;"><span style="font-style: italic;"></span></span></small></p>










			<br />






<br />






<br />






<big><big><small><small><br />






</small></small></big></big>
<div style="text-align: left;"><big><big><small><small><br />


<br />


<br />


<br />
<br />
Soka cr&eacute;ations&copy;2007 -</small></small></big></big></div>






</div>










	</div>










	<!-- end content -->
	
	
<div id="sidebar">
		
<ul>










			<li>
				
    
    
    
    
    
    
    
    
    
    <h2><span style="color: rgb(51, 51, 255);">Nos sites : &nbsp; &nbsp; </span>&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; </h2>










				
    
    
    
    
    
    
    
    
    
    <ul>










					
					<li><span style="text-decoration: underline;">Lien 1</span></li>










					<li><span style="text-decoration: underline;">Lien 2</span></li>










					<li><span style="text-decoration: underline;">Lien 3</span></li>









    
    
    
    
    
    
    
    
    
    </ul>










			</li>










			<li>
				
    
    
    
    
    
    
    
    
    
    <h2><span style="color: rgb(51, 51, 255);">Nos partenaires :</span> </h2>










				
    
    
    
    
    
    
    
    
    
    <ul>






					<li><span style="text-decoration: underline;">Lui</span></li>










					<li><span style="text-decoration: underline;">Elle</span></li>










					<li><span style="text-decoration: underline;">Et nos amis</span></li>






      <span style="text-decoration: underline;"></span>
    
    
    
    
    
    
    </ul>






  </li>






  <li>
    
    
    
    
    
    
    <ul>






    <span style="text-decoration: underline;"></span>


    
    
    
    
    
    
    
    
    
    </ul>










			</li>










		
</ul>










	</div>










	
</div>












</body>
</html>

Voici mon code et voici le lien des mes erreurs : Ici .
En esperant que vous aller m'aider.
NB: J'ai l'intention de mettre en téléchargements mes créations gratuitement sans aucun services en échange !
Mes salutations les plus profondes,
karim
Salut Karim Smiley cligne ,

Le validateur te signale que tu ne dois pas mettre dans une balise <ul> autre chose qu'un <li>. Il faut donc mettre tes <span> (lignes 490 et 525) dans des balises <li>.

A+ Smiley smile

PS : pourquoi faire autant de sauts de ligne dans ton code Smiley rolleyes ? Cela rend la lecture difficile...
J'avais compris ,mais je n'y arrive point,a chaque ça me sort des autres erreurs Smiley decu
si quelqu'un pouvait m'aider svp
Voici ton code (body) nettoyé par tidy :

<!-- start header -->
<div id="header">
	<h1 style="color: rgb(0, 0, 153);">
		Soka Creations
	</h1>
	<p>
		<span style="color: rgb(0, 0, 153);">Créations de kits graphiques</span>
	</p>
</div><!-- end header -->
<!-- start page -->
<div id="page">
	<!-- start content -->
	<div id="content">
		<div class="post">
			<h1 style="color: rgb(51, 51, 255);" class="title">
				Ouverture prochaine :
			</h1>
			<p class="byline">
				<small>Posté le   14  novembre  2007  par  <span style="text-decoration: underline;">karim10</span> </small>
			</p>
			<div class="metamorecommentsmorepostmetatitle" style="text-align: left; font-family: Comic Sans MS;">
				Nous informons nos chèrs internautes que Soka Créations va bientôt<br />
				ouvrir ses portes pour exposer ses créations graphiques, créations qui seront téléchargeables gratuitement.<br />
				Nous vous tenons informés de nos avancées.<br />
			</div>
		</div>
		<div class="post">
			<p class="byline">
				 
			</p><br />
			<br />
			<br />
			<big><big><small><small><br /></small></small></big></big>
			<div style="text-align: left;">
				<big><big><small><small><br />
				<br />
				<br />
				<br />
				<br />
				Soka créations©2007 -</small></small></big></big>
			</div>
		</div>
	</div><!-- end content -->
	<div id="sidebar">
		<ul>
			<li>
				<h2>
					<span style="color: rgb(51, 51, 255);">Nos sites :    </span>                  
				</h2>
				<ul>
					<li>
						<span style="text-decoration: underline;">Lien 1</span>
					</li>
					<li>
						<span style="text-decoration: underline;">Lien 2</span>
					</li>
					<li>
						<span style="text-decoration: underline;">Lien 3</span>
					</li>
				</ul>
			</li>
			<li>
				<h2>
					<span style="color: rgb(51, 51, 255);">Nos partenaires :</span>
				</h2>
				<ul>
					<li>
						<span style="text-decoration: underline;">Lui</span>
					</li>
					<li>
						<span style="text-decoration: underline;">Elle</span>
					</li>
					<li>
						<span style="text-decoration: underline;">Et nos amis</span>
					</li>
				</ul>
			</li>
		</ul>
	</div>
</div>


Et voici les erreurs détectées :

line 437 column 32 - Warning: nested emphasis <span>
line 979 column 7 - Warning: missing <li>
line 1049 column 5 - Warning: missing <li>
line 437 column 78 - Warning: trimming empty <span>
line 437 column 32 - Warning: trimming empty <span>
line 437 column 22 - Warning: trimming empty <small>
line 979 column 7 - Warning: trimming empty <span>
line 979 column 7 - Warning: trimming empty <li>
line 1049 column 5 - Warning: trimming empty <span>
line 1049 column 5 - Warning: trimming empty <li>
line 1035 column 5 - Warning: trimming empty <ul>
line 1021 column 3 - Warning: trimming empty <li>


Et comme on te l'a déjà dit <ul> ne peut contenir que des <li>, par contre tu peux mettre tes <h2> dans les <li>. Il y a encore pas mal de choses qui ne vont pas, on dirait un code généré par un programme quelconque. Le mieux c'est d'utiliser un éditeur de texte et d'y aller à la main en suivant un tutoriel (tous les articles sont déjà en ligne).
Sujet clos
Aller à