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

Réponse 1 / 3
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
Réponse 2 / 3
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
Réponse 3 / 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