5568 sujets

Sémantique web et HTML

Bonjour à tous
je tente de valider mon site w3c mais ya un hic
voici l'erreur :
document type does not allow element "a" here

et voici la page en question (pb donc au nievau des <a> généré)

<!-- ___________ Début des tags ___________ -->


<div id="flashcontent"  align="right">

<div align="center"><br />Votre navigateur n'accepte pas le Javascript ou bien votre Plugin Flash n'est pas à jour (version 7 minimum). C'est dommage, c'est plus joli avec...<br /><br />

	<!-- ___________ Début des tags sans Flash ___________ -->

<?
// ====================================================================
// Ce code copyright Paul-Henri Guillon V1.0 novembre 2008  http://www.ph-guillon.com
 
// ditribué sous licence GNU-GPL  http://www.gnu.org/licenses/gpl-3.0-standalone.html
 
// Animation Flash tagcloud.swf copyright Roy Tank V1.17  http://www.roytanck.com
 
// ditribuée sous licence GNU-GPL  http://www.gnu.org/licenses/gpl-3.0-standalone.html
 
// SWObject.js copyright Geoff Stearns V2.1  http://code.google.com/p/swfobject/
 
// distribué sous licence MIT  http://www.opensource.org/licenses/mit-license.php
 
// Pour résumer, vous avez le droit d'utiliser, distribuer, modifier ce code sous réserve de:
// laisser ce copyright en place,
// comprendre et accepter que ce code soit fourni "en l'état", sans aucune garantie d'aucune sorte
//====================================================================

//Permet de changer le nom de la page cible au besoin	 
$PageName="keyword";

//Permet de changer le nom du paramètre id_mot	
$ParameterName="id_mot";

//Prépare le lien pour les mots-clés avec le nom de la page cible
$PagePreUrl="spip.php?page=".$PageName."&amp;".$ParameterName."=";

//La première variable contient la liste des mots-clés construite par SPIP et la seconde le nombre de résultats obtenus s'il en existe au moins un
//ATTENTION : Pour des raisons de lisibilité, le nombre de mot est limité à 30, mais vous pouvez l'étendre

$KeywordsSpipList="<BOUCLE_MOT(MOTS){0,30}{id_groupe=2}>#TITRE,</BOUCLE_MOT>";
[$Keywords_Nb="(#TOTAL_BOUCLE)";]
</B_MOT>

//Crée un array avec contenant les mots-clés trouvés
$Keywords = preg_split("/[,]+/",$KeywordsSpipList,-1,PREG_SPLIT_NO_EMPTY);

//Récupère les id_mot
$KeywordsIdSpipList="<BOUCLE_MOTID(MOTS){0,30}{id_groupe=2}>#ID_MOT,</BOUCLE_MOTID>";

//Crée un array avec contenant les id_mot trouvées
$KeywordsId = preg_split("/[,]+/",$KeywordsIdSpipList,-1,PREG_SPLIT_NO_EMPTY);

//Variable utilitaire : le premier mot cle à un index 0 dans l'array $Keyword mais un id-mot égal à 1
$x = $Keywords_Nb--;

for ($i = 0; $i < $x; $i++) {

	//Vous pouvez ici changer la taille de la police
	$TagsSize = 14;

	//Construction du lien complet. Change de ligne tous les 5 mots
	if($z%5!=0)
		{
	$TheString = "<a href='". $PagePreUrl . $KeywordsId[$i] ."' style='". $TagsSize ."' title='". $Keywords[$i] ."'>". $Keywords[$i] ."</a>&nbsp;&nbsp;&nbsp;&nbsp;";
		}else{
	$TheString = "<a href='". $PagePreUrl . $KeywordsId[$i] ."' style='". $TagsSize ."' title='". $Keywords[$i] ."'>". $Keywords[$i] ."</a><br />";
		}
	$z++;

	//Envoi du code dans le flux
	echo $TheString;
				}
?>
<br /><br />

</div>

<!-- ___________ Fin des tags sans Flash ___________ -->



</div>
	<!-- ___________ Début des tags avec Flash ___________ -->

<script type="text/javascript">

var TheWords="<?php


for ($i = 0; $i < $x; $i++) {

	
      $DefUrl = urlencode($PagePreUrl);

	
	$TheString = "<a href='". $DefUrl . $KeywordsId[$i] ."' style='". $TagsSize ."' title='". $Keywords[$i] ."'>". $Keywords[$i] ."</a>" ;
	$z++;

	
	echo $TheString;
				}


?>";

//Ajoute les balises XML nécessaires
var TheLinks = "<tags>" + TheWords + "</tags>";

//Construit le Flash Movie.
//Le troisième et le quatrième paramètres règlent la taille du movie
//Le dernier paramètre règle la couleur du fond
var so = new SWFObject("tagcloud.swf", "tagcloud", "200", "150", "10", "#000000");

//Mettre la ligne suivante en commentaire pour avoir un fond. Ici le fond est transparent
so.addParam("wmode", "transparent");

//Règle la couleur du texte. Ici, le texte est gris
so.addVariable("tcolor", "0x999999");

so.addVariable("mode", "tags");
so.addVariable("distr", "true");

//Règle la vitesse de rotation. N'exagérez pas, 100 est déjà assez rapide...
so.addVariable("tspeed", "100");

so.addVariable("tagcloud", TheLinks);

//Remplace le contenu actuel du DIV "flashcontent" par l'anim Flash
//Mettre cette ligne en commentaire pour tester le contenu sans Flash
so.write("flashcontent");

</script>

<!-- ___________ Fin des tags avec  Flash ___________ -->
<!-- ___________ Fin des tags ___________ -->


je ne comprends pas l'erreir
quelqu'un pourrait il m'aider à comprendre?

merci d'avance
Modifié par oceane751 (28 Apr 2011 - 15:48)
Euh ... Et le code généré ca donne quoi ?

Sinon l'erreur signifie que tu as mis un <a> dans un tag où tu ne peux pas Smiley smile
ça donne ça :


<div id="flashcontent"  align="right">

<div align="center"><br />Votre navigateur n'accepte pas le Javascript ou bien votre Plugin Flash n'est pas à jour (version 7 minimum). C'est dommage, c'est plus joli avec...<br /><br />

	<!-- ___________ Début des tags sans Flash ___________ -->

<a href='spip.php?page=keyword&amp;id_mot=6' style='14' title='tennis'>tennis</a><br /><a href='spip.php?page=keyword&amp;id_mot=7' style='14' title='foot'>foot</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href='spip.php?page=keyword&amp;id_mot=8' style='14' title='ecole'>ecole</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href='spip.php?page=keyword&amp;id_mot=9' style='14' title='piscine'>piscine</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href='spip.php?page=keyword&amp;id_mot=10' style='14' title='elus'>elus</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href='spip.php?page=keyword&amp;id_mot=11' style='14' title='le_maire'>le_maire</a><br /><br /><br />

</div>

<!-- ___________ Fin des tags sans Flash ___________ -->



</div>
	<!-- ___________ Début des tags avec Flash ___________ -->

<script type="text/javascript">

var TheWords="<a href='spip.php%3Fpage%3Dkeyword%26amp%3Bid_mot%3D6' style='14' title='tennis'>tennis</a><a href='spip.php%3Fpage%3Dkeyword%26amp%3Bid_mot%3D7' style='14' title='foot'>foot</a><a href='spip.php%3Fpage%3Dkeyword%26amp%3Bid_mot%3D8' style='14' title='ecole'>ecole</a><a href='spip.php%3Fpage%3Dkeyword%26amp%3Bid_mot%3D9' style='14' title='piscine'>piscine</a><a href='spip.php%3Fpage%3Dkeyword%26amp%3Bid_mot%3D10' style='14' title='elus'>elus</a><a href='spip.php%3Fpage%3Dkeyword%26amp%3Bid_mot%3D11' style='14' title='le_maire'>le_maire</a>";

//Ajoute les balises XML nécessaires
var TheLinks = "<tags>" + TheWords + "</tags>";

//Construit le Flash Movie.
//Le troisième et le quatrième paramètres règlent la taille du movie
//Le dernier paramètre règle la couleur du fond
var so = new SWFObject("tagcloud.swf", "tagcloud", "200", "150", "10", "#000000");

//Mettre la ligne suivante en commentaire pour avoir un fond. Ici le fond est transparent
so.addParam("wmode", "transparent");

//Règle la couleur du texte. Ici, le texte est gris
so.addVariable("tcolor", "0x999999");

so.addVariable("mode", "tags");
so.addVariable("distr", "true");

//Règle la vitesse de rotation. N'exagérez pas, 100 est déjà assez rapide...
so.addVariable("tspeed", "100");

so.addVariable("tagcloud", TheLinks);

//Remplace le contenu actuel du DIV "flashcontent" par l'anim Flash
//Mettre cette ligne en commentaire pour tester le contenu sans Flash
so.write("flashcontent");

</script>

<!-- ___________ Fin des tags avec  Flash ___________ -->
<!-- ___________ Fin des tags ___________ --> </div>
                   </div>
               	</div>

          </div> 
        </div>        			
                   	</div>
                </div>   


merci Smiley cligne
c'est là que ça coince ..

<!-- ___________ Début des tags sans Flash ___________ -->

<a href='spip.php?page=keyword&amp;id_mot=6' style='14' title='tennis'>tennis</a><br /><a href='spip.php?page=keyword&amp;id_mot=7' style='14' title='foot'>foot</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href='spip.php?page=keyword&amp;id_mot=8' style='14' title='ecole'>ecole</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href='spip.php?page=keyword&amp;id_mot=9' style='14' title='piscine'>piscine</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href='spip.php?page=keyword&amp;id_mot=10' style='14' title='elus'>elus</a>&nbsp;&nbsp;&nbsp;&nbsp;<a href='spip.php?page=keyword&amp;id_mot=11' style='14' title='le_maire'>le_maire</a><br /><br /><br />

C'est n'est pas une véritable erreur...
Essayes d'englober ton javascript dans un CDATA



<script type="text/javascript">
<![CDATA[
              // content of your Javascript goes here
]]>
</script> 

arf je ne peux pas c'est un site en dev...

voici un rendu de code plus grand..

<div class="bg_pratique2">
                   <div class="pratique">Pratique</div>
                       <div style="height:250px;">
                        	
                            	<div style="float:left; padding-left:10px;"><img class="spip_logos" alt="" src="IMG/arton5.jpg?1302274573" width="25" height="23" /></div>

                                <div class="titre_pratique"><a href="spip.php?article5" title="aller à Sortir à Vaires">Sortir à Vaires</a></div>
                                <div class="spacer"></div>
                                <div class="pointilles_pratique"></div>
                            
                            	<div style="float:left; padding-left:10px;"><img class="spip_logos" alt="" src="IMG/arton6.jpg?1302274649" width="25" height="23" /></div>
                                <div class="titre_pratique"><a href="spip.php?article6" title="aller à Inscriptions aux services municipaux">Inscriptions aux services municipaux</a></div>
                                <div class="spacer"></div>
                                <div class="pointilles_pratique"></div>
                            
                            	<div style="float:left; padding-left:10px;"><img class="spip_logos" alt="" src="IMG/arton7.jpg?1302274804" width="25" height="20" /></div>

                                <div class="titre_pratique"><a href="spip.php?article7" title="aller à Se rendre à Vaires">Se rendre à Vaires</a></div>
                                <div class="spacer"></div>
                                <div class="pointilles_pratique"></div>
                            
                            	<div style="float:left; padding-left:10px;"><img class="spip_logos" alt="" src="IMG/arton8.jpg?1302274904" width="25" height="22" /></div>
                                <div class="titre_pratique"><a href="spip.php?article8" title="aller à Marchés publics">Marchés publics</a></div>
                                <div class="spacer"></div>
                                <div class="pointilles_pratique"></div>
                            
                            	<div style="float:left; padding-left:10px;"><img class="spip_logos" alt="" src="IMG/arton9.jpg?1302274954" width="25" height="25" /></div>

                                <div class="titre_pratique"><a href="spip.php?article9" title="aller à Plan de Vaires">Plan de Vaires</a></div>
                                <div class="spacer"></div>
                                <div class="pointilles_pratique"></div>
                            
                            	<div style="float:left; padding-left:10px;"><img class="spip_logos" alt="" src="IMG/arton10.jpg?1302274998" width="28" height="19" /></div>
                                <div class="titre_pratique"><a href="spip.php?article10" title="aller à Les publications municipales">Les publications municipales</a></div>
                                <div class="spacer"></div>
                                <div class="pointilles_pratique"></div>
                            
                            	<div style="float:left; padding-left:10px;"><img class="spip_logos" alt="" src="IMG/arton11.jpg?1302275073" width="28" height="21" /></div>

                                <div class="titre_pratique"><a href="spip.php?article11" title="aller à Numéros d&#8217;urgence">Numéros d&#8217;urgence</a></div>
                                <div class="spacer"></div>
                                <div class="pointilles_pratique"></div>
                            
                        </div>
                       	 <div class="spacer"></div>
                        <div style="padding-top:60px;"><!-- ___________ Début des tags ___________ -->


<div id="flashcontent"  align="right">

<div align="center"><br />Votre navigateur n'accepte pas le Javascript ou bien votre Plugin Flash n'est pas à jour (version 7 minimum). C'est dommage, c'est plus joli avec...<br /><br />

	<!-- ___________ Début des tags sans Flash ___________ -->

<a href='spip.php?page=keyword&amp;id_mot=6' style='14' title='tennis'>tennis</a><a href='spip.php?page=keyword&amp;id_mot=7' style='14' title='foot'>foot</a><a href='spip.php?page=keyword&amp;id_mot=8' style='14' title='ecole'>ecole</a><a href='spip.php?page=keyword&amp;id_mot=9' style='14' title='piscine'>piscine</a><a href='spip.php?page=keyword&amp;id_mot=10' style='14' title='elus'>elus</a><a href='spip.php?page=keyword&amp;id_mot=11' style='14' title='le_maire'>le_maire</a><br /><br />

</div>

<!-- ___________ Fin des tags sans Flash ___________ -->



</div>
	<!-- ___________ Début des tags avec Flash ___________ -->

<script type="text/javascript">


var TheWords="<a href='spip.php%3Fpage%3Dkeyword%26amp%3Bid_mot%3D6' style='14' title='tennis'>tennis</a><a href='spip.php%3Fpage%3Dkeyword%26amp%3Bid_mot%3D7' style='14' title='foot'>foot</a><a href='spip.php%3Fpage%3Dkeyword%26amp%3Bid_mot%3D8' style='14' title='ecole'>ecole</a><a href='spip.php%3Fpage%3Dkeyword%26amp%3Bid_mot%3D9' style='14' title='piscine'>piscine</a><a href='spip.php%3Fpage%3Dkeyword%26amp%3Bid_mot%3D10' style='14' title='elus'>elus</a><a href='spip.php%3Fpage%3Dkeyword%26amp%3Bid_mot%3D11' style='14' title='le_maire'>le_maire</a>";

//Ajoute les balises XML nécessaires
var TheLinks = "<tags>" + TheWords + "</tags>";

//Construit le Flash Movie.
//Le troisième et le quatrième paramètres règlent la taille du movie
//Le dernier paramètre règle la couleur du fond
var so = new SWFObject("tagcloud.swf", "tagcloud", "200", "150", "10", "#000000");

//Mettre la ligne suivante en commentaire pour avoir un fond. Ici le fond est transparent
so.addParam("wmode", "transparent");

//Règle la couleur du texte. Ici, le texte est gris
so.addVariable("tcolor", "0x999999");

so.addVariable("mode", "tags");
so.addVariable("distr", "true");

//Règle la vitesse de rotation. N'exagérez pas, 100 est déjà assez rapide...
so.addVariable("tspeed", "100");

so.addVariable("tagcloud", TheLinks);

//Remplace le contenu actuel du DIV "flashcontent" par l'anim Flash
//Mettre cette ligne en commentaire pour tester le contenu sans Flash
so.write("flashcontent");

</script>

<!-- ___________ Fin des tags avec  Flash ___________ -->
<!-- ___________ Fin des tags ___________ --> </div>
                   </div>
               	</div>

          </div> 
        </div>        			
                   	</div>
                </div>   
          
             </div>    
    <div class="right"></div>
    <div class="spacer" ></div>

 <div style="padding-left:80px; padding-top:20px; padding-bottom:20px;">
   <div style="float:left; width:70px;">
        
        <div class="bottom">Accueil</div>

        
  </div>

  <div class="float_bottom">
        
        <div class="titre_bottom">Découvrir Vaires</div>
        <ul class="ul">
        
        <li style="width:175px;">
            <div style="float:left; padding-top:4px; padding-right:4px;"><img src="images/carre_blanc.gif" alt=""/></div>
            <div class="bottom_le_titre"><a href="spip.php?article3" class="bottom" title="aller à Nouvel article">Nouvel article</a></div>

        </li>
        
        <li style="width:175px;">
            <div style="float:left; padding-top:4px; padding-right:4px;"><img src="images/carre_blanc.gif" alt=""/></div>
            <div class="bottom_le_titre"><a href="spip.php?article18" class="bottom" title="aller à pectaretur, nihil spectari">pectaretur, nihil spectari</a></div>
        </li>
        
        <li style="width:175px;">
            <div style="float:left; padding-top:4px; padding-right:4px;"><img src="images/carre_blanc.gif" alt=""/></div>
            <div class="bottom_le_titre"><a href="spip.php?article28" class="bottom" title="aller à esse hominem creaturarum">esse hominem creaturarum</a></div>

        </li>
        
        <li style="width:175px;">
            <div style="float:left; padding-top:4px; padding-right:4px;"><img src="images/carre_blanc.gif" alt=""/></div>
            <div class="bottom_le_titre"><a href="spip.php?article29" class="bottom" title="aller à Cur enim non ipsos angelos ">Cur enim non ipsos angelos </a></div>
        </li>
        
        <li style="width:175px;">
            <div style="float:left; padding-top:4px; padding-right:4px;"><img src="images/carre_blanc.gif" alt=""/></div>
            <div class="bottom_le_titre"><a href="spip.php?article30" class="bottom" title="aller à Communauté d&#8217;agglomération Marne et Chantereine">Communauté d&#8217;agglomération Marne et Chantereine</a></div>

        </li>
        
                
        <li style="width:175px;">
            <div style="float:left; padding-top:4px; padding-right:4px;"><img src="images/carre_blanc.gif" alt=""/></div>
            <div class="bottom_le_titre"><a href="spip.php?rubrique6" class="bottom" title="aller à Le service enfance, jeunesse et sports">Le service enfance, jeunesse et sports</a></div>
        </li>
        
        <li style="width:175px;">
            <div style="float:left; padding-top:4px; padding-right:4px;"><img src="images/carre_blanc.gif" alt=""/></div>
            <div class="bottom_le_titre"><a href="spip.php?rubrique13" class="bottom" title="aller à Vaires sur Marne">Vaires sur Marne</a></div>

        </li>
        
        <li style="width:175px;">
            <div style="float:left; padding-top:4px; padding-right:4px;"><img src="images/carre_blanc.gif" alt=""/></div>
            <div class="bottom_le_titre"><a href="spip.php?rubrique14" class="bottom" title="aller à Vie quotidienne">Vie quotidienne</a></div>
        </li>
        
        <li style="width:175px;">
            <div style="float:left; padding-top:4px; padding-right:4px;"><img src="images/carre_blanc.gif" alt=""/></div>
            <div class="bottom_le_titre"><a href="spip.php?rubrique29" class="bottom" title="aller à Les Elus">Les Elus</a></div>

        </li>
        
        </ul>
        
  </div>

c'est ça qu'il fallait mettre
 
<script type="text/javascript">
//<![CDATA[
 code
//]]>
</script>

et là c'est bon Smiley cligne
Modifié par oceane751 (28 Apr 2011 - 17:43)