Pb validation w3c dernière ligne droite snif

telyweb Messages postés 3 Statut Membre -  
Amélie-miw Messages postés 6 Statut Membre -
Bonjour,

W3C m'indique 2 erreurs

Line 144, column 84: document type does not allow element "link" here
... href="/modules/slider/css/nivo-slider.css" rel="stylesheet" type="text/css" />
Line 145, column 23: document type does not allow element "style" here
<style type="text/css">

en détail le > en fin de :
... href="/modules/slider/css/nivo-slider.css" rel="stylesheet" type="text/css" />
et le > en fin de
<style type="text/css">

Le problème que je rencontre est que je n'arrive pas à comprendre ce que je doit changer dans la source de la page tpl qui génére ce code

contenu du tpl :

{if $slides|@count != 0}
<script type="text/javascript" src="{$this_path}js/jquery.nivo.slider.pack.js"></script>
<link href="{$this_path}css/nivo-slider.css" rel="stylesheet" type="text/css" />
<style type="text/css">
    #slide_holder{
        width:{$xml->width}px;
        height:{$xml->height}px;
    }
    .nivoSlider{
        width:{$xml->width}px;
        height:{$xml->height}px;
    }
    .nivo-prevNav {
        width:{math equation="x / y" x=$nav.0 y=2}px;
        height:{math equation="x / y" x=$nav.1 y=2}px;
    }
    .nivo-nextNav {
        width:{math equation="x / y" x=$nav.0 y=2}px;
        height:{math equation="x / y" x=$nav.1 y=2}px;
    }
    .nivo-directionNav a {
        top:{$xml->dirnavpos}%;
    }
    .nivo-controlNav {
        {$xml->ctrlnavhorizpos}: 0;
        top: {$xml->ctrlnavpos}%;
    }
    .nivo-controlNav a {
        width: {$bullets.0}px;
        height: {math equation="x / y" x=$bullets.1 y=2}px;
    }
</style>
    
<div id="slide_holder"> 	
    <div id="slider">
            {foreach from=$slides item=slide}
                {if $slide.active==1}
                    <a href="{$slide.link}" title="{$slide.title}"><img src="{$this_path}{$slide.img}" alt="{$slide.alt}" title="{$slide.title}" /></a>
                {/if}
            {/foreach}
        
	</div>
</div>    
<script type="text/javascript">
$(window).load(function() {
	$('#slider').nivoSlider({
		effect:'{$xml->effect}', //Specify sets like: 'fold,fade,sliceDown'
        slices: {$xml->slices}, // For slice animations
        boxCols: {$xml->boxcols}, // For box animations
        boxRows: {$xml->boxrows}, // For box animations
		animSpeed:{$xml->animspeed}, //Slide transition speed
		pauseTime:{$xml->pausetime},
		directionNav:{$xml->directionnav}, //Next et Prev
		directionNavHide:{$xml->directionnavhide}, //Only show on hover
		controlNav:{$xml->controlnav}, //1,2,3...
		pauseOnHover:{$xml->pauseonhover}, //Stop animation while hovering
	});
});

</script>


Merci par avance de votre aide
christophe

3 réponses

  1. Amélie-miw Messages postés 6 Statut Membre 2
     
    Bonjour,

    A première vue, je dirais que c'est parce que la balise link et la balise style se trouvent dans le <body> alors qu'elles devraient se trouver dans le <head>.
    0
  2. telyweb Messages postés 3 Statut Membre
     
    Bonjour

    en effet c'est bien ça mais je ne sais pas comment remonter le code dans le head

    y à t'il une balise à ajouter dans le code ci-dessus pour le faire

    Merci
    Christophe
    0
  3. Amélie-miw Messages postés 6 Statut Membre 2
     
    Avez-vous accès au code source? Pouvez-vous l'éditer?

    Il faut donc éditer le code source via un éditeur de texte comme notepad.

    Dans le haut du fichier .php ou .html, il y a la balise <head>.

    Voici la structure :
    <html>
    <head>
    </head>

    <body>
    </body>
    </html>

    les balises style et link incriminées se trouvent actuellement entre les balises <body>. il suffit de les placer dans la balise <head> :

    <head>
    <title></title>
    <meta ... />

    <link href="{$this_path}css/nivo-slider.css" rel="stylesheet" type="text/css" />
    <style>...</style>
    </head>

    Je vous conseille même d'utiliser une feuille de style unique et de tout placer dedans (externaliser en fait, tout ce qui se trouve dans la balise <style> actuelle)

    Cordialement.
    0