Sujet: Validation HTML Arbres v 1.6 - 22 mars 2008

[lemarsouin]

J'ai testé la validation W3C et W3CSS

Dans le cas d'un export avec la configuration : Photo compatible création web, images convertir au format jpg

Il faut pour obtenir la validation W3C (http://validator.w3.org/check) pour arbre_d.html
*****************************************************************
Effacement des   href="#"  (liens vides)

Déplacement de  <a style="text-decoration: none;">  pour le mettre juste avant <img

Après la définition de < img  .....border="none">
Inverser
</div>
< /a> (il y a un espace avant le /a pour pas que cela se tranforme en [/url] dans l'affichage du forum)
Par
< /a>
</div>

Ajouter une lettre après id="
Par exemple id="1921" devient id="A1921" il faudra en tenir compte dans la vue réduite

Dans la balise image ajouter un / border="none"> devient  border="none"/>
********************************************************************
Pour arbre_r.html

Il suffit de faire pour les balises a intégrant une balise div, d'utiliser le contenu de la balise div  dans la balise <a précédente et supprimer style="text-decoration: none;":

Exemple :
<a style="text-decoration: none;" href="./Arbre_d.html#1921" target="_self">
 <div class="boite boite_CF" style="width:8.725mm; height:11.725mm; left:11.1125mm; top:14.8625mm;" title=" Denise, Paule, Laurence &#13; x 19 avril 1975">
</div >
< /a>
Devient
<a class="boite boite_CF" style="width:8.725mm; height:11.725mm; left:11.1125mm; top:14.8625mm;" title=" Denise, Paule, Laurence &#13; x 19 avril 1975" href="./Arbre_d.html#1921" target="_self">
< /a>
 
Ne pas oublier de rajouter la lettre dans la balise id
***************************************************************
Ces transformations effectuées on obtient la validation W3C et tout semble fonctionner correctement
****************************************************************
Pour la validation W3CSS (http://jigsaw.w3.org/css-validator/#validate_by_upload)

J'ai du retirer dans arbre_d.css
 text-overflow:ellipsis; /*pour ie */
Qui devient
/* text-overflow:ellipsis; pour ie */
Et j'ai supprimé :
 font-weight:none;
-->
********************************************************
Pour arbre_d j'ai testé sur l'arbre généalogique de mon père avec tous les descendants ayant une photo, soit 114 personnes, pour arbre_r j'ai du faire un test sur un arbre réduit le transfert des données de la balise div vers a ne pouvant pas être automatisé sans réaliser une moulinette.
J'espère que je n'ai rien oublié des modifications faites.
*********************************************************

A noter cependant un bug quand la date de mariage figure dans une union,  elle est reportée dans le title de l'épouse qui du coup n'a pas d'indication en dehors de la date de mariage.

Bon courage et merci ce logiciel est bien pratique pour visualiser une grande famille

[Bruno T.]

Merci beaucoup pour ces retours, j'en prend bonne note

[lemarsouin]

Précision quand la date de mariage figure dans une union,  elle est reportée dans le title du conjoint situé en dessous qui du coup a son nom, prénom et la date d'union. C'est peut être voulu ? Si pas date de mariage alors date de naissance.

Problème des nouveaux noms dans les commentaires si un nouveau nom type DURANT--DUPONT est dans les commentaires on n'obtient pas la validation W3C, obligation de mettre un / entre les deux --

Dans arbre_d.html Quand une boite ne comporte pas de photos, je fais sauter <a style="text-decoration: none;"> et le < /a> suivant, aucune incidence sur l'affichage.

J'ai fait la moulinette pour arbre_r.html, et je confirme le mode de procédure pour un gros fichier.

A noter que pour arbr_r.html c'est dans href qu'il faut rajouter la lettre qui a été rajouté pour id dans arbre_d.html. Exemple : href="./Arbre_d.html#1921 devient href="./Arbre_d.html#A1921 si A a été utilisé.

C'est tout pour aujourd'hui