[ams51]

Je vous lis mais j'avoue que ça me dépasse toutes ces règles pointilleuses
J'avoue préférer travailler à la louche car la finition coûte souvent plus qu'elle ne rapporte.

Néanmoins ce débat est très interessant à la pointe de la technologie

[BZHcool]

Après quelques heures d'absence je reviens... et oh! grand discussion sur cette page!

Tout d'abord je tenais a remercier MissMonde qui a passé un certain temps sur ma page pour faire en sorte que cette dernière soit parfaite... et je signale au passage que notre Miss apprend tous les jors comme nous tous, n'étant professionnel en programmation si j'ai bien compris!

Donc pour ceci

Citation

alors, bon, on veut aider et puis voilà

je suis ravi de voir que des personnes peuvent s'entraider sur un Forum c'est le but 1er je pense...

Sinon LaurentDenis a lire ceci :

Citation

- le portait de BZHcool n'a rien à faire dans la <div id="navigation">
- que l'élément de liste unique de cette div pour l'adresse mail est injustifié
- que la liste de définition de la partie Pourquoi cette page? est inacceptable, vu qu'aucun <dt> n'est défini par un <dd> (Pas si puriste que ça, ce dernier point, d'ailleurs)...
- etc.

Je me dis que ma page est encore loin d'etre parfaite... mais alors pourquoi lorsque je la teste avec un validateur elle est OK!!!

Sinon, que veux tu dire par cette phrase :

Citation

que l'élément de liste unique de cette div pour l'adresse mail est injustifié

Décidement, lorsque j'ai mis cette page en ligne je ne pensais pas faire parler d'elle autant... a cette allure là mon BZHcool va devenir une référence dans le monde de la validation XHTML

[LaurentDenis]

BZHcool, le samedi 12 juin 2004, 00:01, dit :

Tout d'abord je tenais a remercier MissMonde qui a passé un certain temps sur ma page pour faire en sorte que cette dernière soit parfaite... et je signale au passage que notre Miss apprend tous les jors comme nous tous, n'étant professionnel en programmation si j'ai bien compris!

C'est également dans cet état d'esprit que je me suis permis de reprendre la seule "erreur" de l'excellent travail de MissMonde : la hiérachie des titres, parce qu'elle aura des conséquences bien concrètes pour une partie des visiteurs.

En revanche, quand j'ai parlé ensuite du portait, de la liste réduite à un seul élément et de la liste de définition, ce n'était pas pour apporter d'autres critiques, mais pour donner au contraire des exemples de (mauvaises) critiques "puristes" et subjectives.

Si mon message était maladroitement formulé (fatigue de fin de semaine aidant), veuillez m'en excuser.

(J'ai tout de même un doute de plus en plus sérieux sur la liste de définition réduite aux <dt>... puisque le but de l'élément <dl> est explicitement de faire correspondre des termes à des définitions (au sens large).)

Citation

Je me dis que ma page est encore loin d'etre parfaite... mais alors pourquoi lorsque je la teste avec un validateur elle est OK!!!

Ta page est au contraire tout prêt d'être excellente.

Mais il ne faut pas trop en demander au validateur du W3C !
Comme tout validateur, ce n'est qu'une machine aux capacités limitées, qui fait une vérification plutôt formelle : la conformité du code aux règles de syntaxe requises par sa DTD.
Une page formellement validée peut très bien être totalement aberrante, si les éléments HTML sont détournés de leur fonction. Exemple : ces pages où on n'utilise que des <div> transformées en pseudo-paragraphes, pseudo-titres... à coup de CSS. Voir Les Précieuses Ridicules (ou Cathos, XHTML et CSS).

Citation

Sinon, que veux tu dire par cette phrase :

QUOTE 

Citation

que l'élément de liste unique de cette div pour l'adresse mail est injustifié

Tout simplement qu'utiliser une liste pour un seul item me gêne, et que j'y verrais mieux un paragraphe par exemple. Une liste... n'est-ce pas l'idée de plusieurs choses ?
Voilà un bon exemple de purisme subjectif, ça : la vieille histoire du à partir de combien de grains de blé a-t-on un tas de grains de blé ? Un ? Deux ? Trois et plus ?. C'est la porte ouverte à tous les coupages de cheveux en quatre. Aucun intérêt ! Donc, concrètement, à chacun de faire comme il sent

[Dinostrate]

LaurentDenis, le samedi 12 juin 2004, 09:22, dit :

la hiérachie des titres, parce qu'elle aura des conséquences bien concrètes pour une partie des visiteurs.

Alors, si les h ne concernent que les titres, tu as raison.... mais si les h ne doivent considérer que les titres, alors, je trouve que c'est un peu léger....

Je ne suis pas parti du principe que les h concernaient essentiellement la présentation, mais aussi et surtout le niveau d'importance (qui tout de même, doit influer sur la présentation). C'est pour moi un concept qui va au delà des simples titres et sous titres.

Enfin, si cette règle est aussi stricte que tu le dis (je veux bien l'entendre) dans ce cas, le validateur doit faire son boulot et la considérer en erreur....

On n'aura plus qu'a recréer artificiellement les h avec des div et se contenter des h pour les seuls titres et sous titres.... ça ne fera que compliquer le code un tout petit peu plus....

Moi, je veux bien, mais conséquence=apauvrissement des potentialités.

ma conclusion actuelle : cet aspect n'est pas assez réfléchi dans toutes ses conséquences concrêtes

Dino

[Dinostrate]

LaurentDenis, le samedi 12 juin 2004, 09:22, dit :

Une page formellement validée peut très bien être totalement aberrante, si les éléments HTML sont détournés de leur fonction. Exemple : ces pages où on n'utilise que des <div> transformées en pseudo-paragraphes, pseudo-titres... à coup de CSS. Voir Les Précieuses Ridicules (ou Cathos, XHTML et CSS)

Je complète et je précise un peu mon post précédent :

Tu dis qu'il ne faut pas trop en demander au validateur. Là aussi, je suis d'accord, mais une vérification de hiérarchie, c'est une chose relativement simple à réaliser, je l'ai vue proposée dans d'autres validateurs bien moins performants par ailleurs.

Je connaissais l'exemple que tu exposes sur les précieuses ridicules. J'avais trouvé ton propos très pertinent. C'est vrai qu'on peut détourner les css et proposer une infame confiture tout en passant correctement au validateur. L'exemple que tu sites est parfait pour comprendre l'état d'esprit dans lequel il faut aborder les css et j'approuve à 200%.

Au bout du compte, le sujet qui nous occupe est relativement limité, mais il a son importance.
Je me répète : la norme concerne-t-elle seulement les titres ? Dans ce cas, on n'a pas le droit de sauter un niveau.
ou bien mieux que celà, la norme concerne-t-elle les niveaux d'importance ?... dans ce deuxième cas, on doit avoir le droit de sauter un ou plusieurs niveaux.

Si on se situe dans le premier cas, on est obligé de multiplier les div en aval (div ou autres procédés) à des fins de présentation, et ce faisant, on perd la "signification du niveau d'importance"

Si on se situe dans le deuxième cas, tout va bien... On place en fonction de l'importance que l'on veut accorder, et la présentation, qui n'est qu'une résultante, suit..... et on conserve de manière cohérente toute la "signification du niveau d'importance" et encore, on n'est pas obligé de multiplier des div......

Alors, ou est l'erreur ?
Je veux bien admettre que les "machines qui interprètent" ne sont pas à ce jour conçues pour cela.... mais ce n'est pas une raison pour ne pas évoluer....

Dino

[MissMonde]

LaurentDenis

Citation

l'excellent travail de MissMonde

et voilà le travail !! c'est-y pas beau ça, un compliment de LaurentDenis d'Openweb, je ne pensais pas arriver à ce résultat en si peu de temps.

tu auras compris, Laurent, que le smiley le plus important dans ma réponse d'hier est celui-ci :

plus sérieusement, pour en revenir à cette page :

je suis d'accord pour la liste appliquée à "contact", elle ne se justifie pas.

mais, la liste de définition, je l'ai mise sciemment.
c'est une habitude que j'ai prise récemment pour me faciliter la vie, je trouve que c'est plus facile à positionner que la liste ordonnée, avec son espace pour la puce.
eh oui, encore une mauvaise raison!!

Dinostrate

Citation

C'est pour moi un concept qui va au delà des simples titres et sous titres.

Est-ce qu'on peut utiliser les h en dehors des titres et sous-titres ?

Dernière chose : je n'utilise les validateurs qu'en fin de parcours, pour corriger les oublis, un peu comme on vérifie les liens une fois que les pages sont faites.

Bon week-end à tous

[Dinostrate]

MissMonde, le samedi 12 juin 2004, 11:17, dit :

Est-ce qu'on peut utiliser les h en dehors des titres et sous-titres ?

Eh bien justement, non, et c'est ça le problème...

h signifie heading (chapitre)
C'est en ce sens que mon raisonnement est contestable.

Mais j'ai bien le droit de critiquer une norme....
Que je sois entendu, c'est autre chose...

<edit> j'ajoute le lien :
It is not normal practice to jump from one header to a header level more than one below, for example for follow an H1 with an H3. Although this is legal, it is discouraged, as it may produce strange results for example when generating other representations from the HTML.
http://www.w3.org/Ma...e/Headings.html
</edit>

Dino

[BZHcool]

Allez juste au passage...

BZHcool.com sujet d'inspiration pour un article sur blog-and-blues.org

Miniature(s) jointe(s)

• 

[Denis]

Citation

BZHcool.com sujet d'inspiration pour un article sur blog-and-blues.org

Et de ma pause d'une longueur indéterminée pour ré-évaluer l'ensemble de mon site

[BZHcool]

Bonjour,

Je viens d'apporter quelques modifications à ma page BZHcool.com:

- J'ai enlevé le <span></span> de la balise de titre "h1"
- J'ai remplacé ma balise "h2" par une image... et du coup reclassé mais balises "h" en seulement "h1,h2 et h3"
- J'ai placé mes trois raisons entre balises <dl>
- Placé mon "contact" entre <p></p>

Maintenant reste à voir si cette page passe mieux avec IE chez Monique et Missmonde!!!

et si j'ai encore des incohérences sur cette page...

Juste un doute sur mon image cv en haut à droit... est ce la bonne façon de faire!

[Nudrema]

<dl>
 <dt>...</dt>
 <dt>...</dt>
 <dt>...</dt>
</dl>

Où sont les <dd> ? Tu devrais plutôt utiliser une liste, ordonnée (<ul>) ou non (<ol>), pour cette utilisation. Les <dl> sont faites pour associer des termes à des définitions (au sens large)...

[MissMonde]

chez moi ça passe bien (IE6).

je ne sais pas faire les captures d'écran, mais je peux te dire que l'image "cv virtuel" est collée au bas du trait vertical de droite.

la liste "dl" est peut-être un peu trop décalée à droite, il faudrait essayer la marge gauche à 2 ou 3% plutôt que 4%.

maintenant, je ne me sens pas du tout capable de commenter le code, j'ai vu au passage que Dreamweaver entre systématiquement les images avec "style : border ..."
donc, la CSS img{border:0;} ne servira à rien tant que tu utiliseras ce logiciel.

Nudrema

Citation

Où sont les <dd> ? Tu devrais plutôt utiliser une liste, ordonnée (<ul>) ou non (<ol>), pour cette utilisation. Les <dl> sont faites pour associer des termes à des définitions (au sens large)...

je suis désolée, c'est une idée à moi,

je trouve que les <dl >sont plus pratiques que les <ul>, celles-ci ont un espace réservé à la puce que je n'arrive pas à gérer correctement.

est-on vraiment obligé d'utiliser les <dl> sur 2 niveaux ?

[Nudrema]

Un espace réservé à la puce ? Bah si tu mets

ul,li { list-style:none; padding:0; margin:0}

tu n'auras pas d'espace pour tes puces... Cet "espace" est dû à des margins/paddings sur l'élément ul et/ou li (je sais plus comme ça de mémoire, mais c'est facilement vérifiable; ça dépend peut-être aussi du navigateur)

Mais dans ce cas précis ça me paraît totalement idiot, vu que BZcool ajoute des tirets (et puces ou tirets, cest un peu pareil la même chose, au final...)

dl, c'est destiné à associer une ou des termes (les éléments <dt>) avec une ou des définitions (les éléments <dd> qui suivent les précédents). Il n'a pas été prévu de n'utiliser que des <dt>, ça n'a à vrai dire aucun sens, au niveau sémantique...

Listes de définitions
WAI: Utilisez les feuilles de style pour changer les puces des listes

Ce message a été modifié par Nudrema - 14 juin 2004 - 18:42.

[MissMonde]

Ok, j'avais zappé le padding.

du coup, la présentation sur IE6 est équilibrée avec :

#milieu ul {margin : 0 0 2% 0; padding : 0;}
#milieu li {margin:1%; padding:0;}