Forum sur Sarka-SPIP 3.0

mardi 4 janvier 2011 à 23h17
par _Shizuka_

Logo de _Shizuka_

Jeaneric

Comme déjà signalé l’autre jour, il subsiste encore des erreurs de balises dans la page qui semble provenir cette fois ci de l’édito.
Ce qui induit des pb de fermeture de div et donc un recul des différents blocs

Pour voir tout ça il faut utiliser les extensions firefox : web developper bar avec html validator et afficher la source qui soulignera toutes ces erreurs.

Selon les lignes écrites et rajoutées ensuite dans la page et même selon le navigateur plus ou moins tolérant avec ce type d’erreurs ces problèmes peuvent se répercuter de façon différente et même ne pas apparaître tout de suite ; parfois dans IE les colonnes continuent à s’afficher correctement malgré tout alors qu’elles se sauvent dans les navigateurs plus respectueux des normes. C’est typique de ce type d’erreurs , je l’ai déjà constaté plusieurs fois.


Ce sujet est verrouillé : vous pouvez consulter son fil de discussion mais vous ne pouvez plus y répondre.

Réponses

5 janvier 2011 à 11h06
jeaneric

Logo de jeaneric

Merci _Shizuka_
J’ai analysé ma page de Une est j’ai trouvé les erreurs de l’edito et article de une.
Il y a en a une que je n’arrive pas à supprimer : J’ai dans l’article edito une photo que j’introduis simplement par

<img1217|center>

Or il y a 2 span qui ne sont pas balances et font raler HTML Validator

<span class='csfoo htmla'></span><span class='spip_document_1217 spip_documents spip_documents_center'>    <--ICI
		
		 
			<a href="IMG/jpg/2011.jpg" class="thickbox" title="JPEG - 197 ko">
				<img src="IMG/jpg/2011.jpg" width="500" height="374" alt="JPEG - 197 ko" />
			</a>
		
	</span><span class='csfoo htmlb'></span>        <---- ICI

Par ailleurs il n’y a pas d’erreur dans la colonne de droite (extra) où sont les annonces, agenda, rainette, bréve, splitkrbox.

Par contre HTML Validator pointe 2 pbs de "div". La premiere semble lie à la colonne de gauche qui commence par la noisette de recherche :

	<div id="navigation">                     <---ICI
		
	<div id="nav_recherche" class="noisette">
		<h1 class="intitule">Rechercher</h1>
			<div class="nav_recherche contenu ">

	<h2 class="titre_bloc">sur le web</h2>
	<a href="http://www.google.fr"><img class="moteur" src="plugins/sarkaspip_3/images/logo-google.gif" alt="Google" /></a>
	<div class="formulaire_spip formulaire_recherche" id="google">
		
		<form method="get" action="http://www.google.fr/search">
			<div>
				<label for="q">Rechercher&nbsp;:</label>
				<input type="text" name="q" id="q" class="text" size="10" maxlength="255" value="Saisir le(s) mot(s)" onfocus="this.value='';" />

				<input type="hidden" name="hl" value="fr" />
				<input type="image" src="squelettes-dist/rechercher.gif" class="submit" value="" />
			</div>
		</form>
	</div>
</div>

La seconde est de plus haut niveau curieusement car c’est celle qui est juste apres le debut de body

	</head>
<body dir="ltr">
<div id="container">               <----- ICI
	<div id="header">
		<div class="bandeau_haut">

Des idees ? sachant que j’ai toujours une perte de ma colonne de droite qd je rafraichi mon browser FireFox et que HTML Validator ne m’indique pas d’autres Avertissements....

Jean-Eric