Fork me on GitHub






Validation css et validation html
Régulier
Inscrit: 20/12/2005 05:40
De Toulouse
Messages: 207
Bonjour depuis quelques jours, je m'intéresse à la validité de mon site par rapport au standart du web et à l'accéssibilité.

Ayant commencé à apprivoiser les feuilles de styles, j'ai donc remanier un minimum, mon theme, et ma feuille de style : style.css, afin de diminuer dans un premier temps les erreurs. J'ai donc réussi à comprendre et à supprimer toutes les eerurs de syntaxes que j'avais jusque là faites, mais je n'arrive pas à valider à 100 %

Je voudrais savoir si queluq'un serait intéréssé pour m'aider à régler au moins les erreurs principales que k'ai sur la page d'accueil ( je sais que cela ne sert à rien de se contenter de la page d'accueil et que les templates des modules seront surement à modifier, mais pour l'instant j'aimerais pouvoir interpréter les 9 erreurs qu'il me reste). J ene comprend pas ce qui ne va pas et où régler le problème.

Voici le resultat pour le html : validation html

Et pour le css : validation feuille de style

En ce qui concerne la feuille de style, l'erreur énoncée porte sur le document xml à valider avant! Alors là je suis un peu perdu , où se situe ce document xml, est ce ma feuille de style et où est l'erreur ?

Voici le résultat :

Citation :
Please, validate your XML document first!

Line 91

Column 26

Element type "a" must be followed by either attribute specifications, ">" or "/>".


Merci d'avance de vos contributions et conseils

A + matthieu

Posté le : 07/06/2006 09:48
Partager Twitter Partagez cette article sur GG+
Re: Validation css et validation html
Supporter Xoops
Inscrit: 02/10/2004 14:09
Messages: 370
Allons y :

Pour les '<td id="mainmenu">', il y a un soucis règle d'or... les id doivents être unique... donc si tu souhaites utiliser "mainmenu" plus d'une fois... utilise les class... donc tu devrais avoir :
-> <td class="mainmenu">
--> et dans ta feuille de style, remplace "#mainmenu" par ".mainmenu"

Les balises type IMG, BR... doivent ce finir par un /.
-> <IMG SRC="...." ALT="" /> (le alt est obligatoire)
-> <BR />
En fait, toute balise n'ayant pas de balise fermente... donc les balises A, P, TABLE,... ne sont pas régit par cette règle du /.

Voilà pour un premier temps, l'autre erreur... va falloir que je regarde après tes corrections.


Pour ton css, donne lui le lien direct vers ce dernier et non l'adresse de base de ton site

Posté le : 07/06/2006 10:07
Partager Twitter Partagez cette article sur GG+
Re: Validation css et validation html
Régulier
Inscrit: 20/12/2005 05:40
De Toulouse
Messages: 207
Tout d'abord désolé pour le temps de latence, j'avais oublié de mettre la notifiaction sur ce post et j'ai été pris par le boulot. Encore désolé et merci pour ces précieux conseils.

Citation :

PinMaster a écrit:
Allons y :

Pour les '<td id="mainmenu">', il y a un soucis règle d'or... les id doivents être unique... donc si tu souhaites utiliser "mainmenu" plus d'une fois... utilise les class... donc tu devrais avoir :
-> <td class="mainmenu">
--> et dans ta feuille de style, remplace "#mainmenu" par ".mainmenu"


J'ai fait les modif dans le fichier css du thême et j'ai remplacé id par class dans le menu qui posait problème. Le résultat n'est pas génial puisque je ne profite plus de la mise en page que j'avais avant, puisque cela m'affiche les liens classique.

Le fait d'avoir changer #mainmenu par .mainmenu ne change rien apparemment, en tout cas je ne vois pas de différence.Je le laisse comme tu me l'a indiqué en attendant d'avoir plus de précision.

Sinon au niveau de la validation html, j'ai effectivement une erreur en moins ( celle avec le mainmenu). Merci à toi :)


Citation :

PinMaster a écrit:

Les balises type IMG, BR... doivent ce finir par un /.
-> <IMG SRC="...." ALT="" /> (le alt est obligatoire)
-> <BR />
En fait, toute balise n'ayant pas de balise fermente... donc les balises A, P, TABLE,... ne sont pas régit par cette règle du /.


Je viens d'essyayer de régler l'erreur qui se trouve à la ligne 643 :
# Error  Line 643, column 9: end tag for "table" which is not finished .


Je pense que cela vient du bloc "avertir un ami" et que c'est le template de base qui ne va pas, voici le code :

<table class="outer" cellspacing="0">

  <{if 
$block.showgroups == true}>

  <!-- 
start group loop -->
  <{foreach 
item=group from=$block.groups}>
  <
tr>
    <
th colspan="2"><{$group.name}></th>
  </
tr>

  <!-- 
start group member loop -->
  <{foreach 
item=user from=$group.users}>
  <
tr>
    <
td class="even" valign="middle" align="center"><img src="<{$user.avatar}>" alt="recommandez nous" width="32" /><br /><a href="<{$xoops_url}>/userinfo.php?uid=<{$user.id}>"><{$user.name}></a></td><td class="odd" width="20%" align="right" valign="middle"><{$user.msglink}></td>
  </
tr>
  <{/foreach}>
  <!-- 
end group member loop -->

  <{/foreach}>
  <!-- 
end group loop -->
  <{/if}>
</
table>

<
br />

<
div style="margin: 3px; text-align:center;">
  <
img src="<{$block.logourl}>" alt="pub" border="0" /><br/><{$block.recommendlink}>
</
div>


Je ne comprend cependant pas où il y a l'erreur que le validateur me signale.

J'ai également un peu de mal à détecter les autres erreurs, mais pour l'insatnt je vais commencer petit à petit en essayant de régler les deux erreurs citées précédemment.

Merci de ton aide

Posté le : 12/06/2006 03:53
Partager Twitter Partagez cette article sur GG+
Re: Validation css et validation html
Supporter Xoops
Inscrit: 02/10/2004 14:09
Messages: 370
Une solution de simplicité pour toi, envoye moi ton theme que je le regarde de plus prêt

Pour ton erreur ce situant à la ligne 643, je voix le soucis...
Remplace le template de ton bloc "avertir un ami" par :
<{if $block.showgroups == true}>
<
table class="outer" cellspacing="0">
  <!-- 
start group loop -->
  <{foreach 
item=group from=$block.groups}>
  <
tr>
    <
th colspan="2"><{$group.name}></th>
  </
tr>

  <!-- 
start group member loop -->
  <{foreach 
item=user from=$group.users}>
  <
tr>
    <
td class="even" valign="middle" align="center"><img src="<{$user.avatar}>" alt="recommandez nous" width="32" /><br /><a href="<{$xoops_url}>/userinfo.php?uid=<{$user.id}>"><{$user.name}></a></td><td class="odd" width="20%" align="right" valign="middle"><{$user.msglink}></td>
  </
tr>
  <{/foreach}>
  <!-- 
end group member loop -->

  <{/foreach}>
  <
tr>
    <
td colspan="2">&nbsp;</td>
  </
tr>
  <!-- 
end group loop -->
</
table>
<{/if}>

<
br />

<
div style="margin: 3px; text-align:center;">
  <
img src="<{$block.logourl}>" alt="pub" border="0" /><br/><{$block.recommendlink}>
</
div>


Maintenant, la raison de cette erreur : ton ancien template retourner ceci :
<table></table>

Et le les tables doivent avoir une série de tr/td au minimum.

Posté le : 12/06/2006 08:56
Partager Twitter Partagez cette article sur GG+
Re: Validation css et validation html
Régulier
Inscrit: 20/12/2005 05:40
De Toulouse
Messages: 207
Citation :

PinMaster a écrit:

Maintenant, la raison de cette erreur : ton ancien template retourner ceci :
<table></table>

Et le les tables doivent avoir une série de tr/td au minimum.


Excellent je ne savais pas que ça marchait ainsi ! Je ne comprend pas pourquoi d'origine ce n'est pas conforme au standard, c'est domage.

Allez hop il me reste pas beaucoup d'erreurs sur la page d'accueil. En fait j'aimerais beaucoup comprendre au fur et à mesure de manière à pouvoir appliquer les conseils sur un maximum de pages. Je pense notament aux templates qui d'après ce que j'ai lu ne sont pas toujours tip top au niveau w3c.

Je t'envois quand même mon thême, ce sera quand même plus simple et je te remerci pour ton soutien

Posté le : 12/06/2006 12:09
Partager Twitter Partagez cette article sur GG+

 Haut   Précédent   Suivant



Vous pouvez voir les sujets.
Vous ne pouvez pas débuter de nouveaux sujets.
Vous ne pouvez pas répondre aux contributions.
Vous ne pouvez pas éditer vos contributions.
Vous ne pouvez pas effacez vos contributions.
Vous ne pouvez pas ajouter de nouveaux sondages.
Vous ne pouvez pas voter en sondage.
Vous ne pouvez pas attacher des fichiers à vos contributions.
Vous ne pouvez pas poster sans approbation.

Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

64 Personne(s) en ligne (50 Personne(s) connectée(s) sur Forum) | Utilisateur(s): 0 | Invité(s): 64 | Plus ...