Une nouvelle ébauche

HTML5, CSS3, Javascript, support des mobiles... Que penser de votre site ? Vous manquez d'informations pour la construction d'un site qui puisse s'afficher correctement partout ? C'est un problème simple, un peu complexe ? Venez ici !
GizMecano
Lézard à collerette
Messages : 416
Inscription : 02 août 2004, 20:27

Une nouvelle ébauche

Message par GizMecano »

Hello,

Depuis le temps que j'arpente ce forum, après avoir poser pas mal de questions idiotes et avoir reçu bon nombre de réponses constructives (comme justement celles-ci sur la syntaxe CSS 3), je tenais juste à signaler que je crois bien avoir réussi enfin à construire un site tel que je le voulais, c'est-à-dire respectueux des standards, valide sur le fond et pas trop vilain sur la forme. :)

Bon, bien entendu, c'est encore une ébauche qui mérite sans doute des corrections (je suis preneur de toutes remarques sur ce sujet), mais je tenais à remercier tout le monde pour les diverses perches tendues, qu'il s'agisse de CSS, de PHP ou de tout autre chose.

Maintenant, si vous voyez encore des choses qui clochent, c'est le moment de me tomber dessus :wink:

Merci.

Ciao,
GizMecano.net
http://gizmecano.net
SB
Varan
Messages : 1095
Inscription : 05 mars 2004, 18:38

Message par SB »

J'aime beaucoup le style, la présentation, les couleurs. Ça m'a donné des idées pour mes futures feuilles de style.

Sinon dommage les icônes Firefox et CC dont la taille est supérieure aux images proprement dites, du coup lorsqu'on clique dessus les pointillés apparaissent et je trouve que ça ne fait pas très élégant qu'ils soient collés à gauche, j'aurais plus vu une image centrée. http://img93.imageshack.us/my.php?image=ex13cg.jpg

Et aussi ton image avec ton adresse mail n'est pas alignée au texte http://img93.imageshack.us/my.php?image=ex22dr.jpg

Mais ce ne sont que des détails.
Encore félicitations.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1
FF_Olivier
Iguane
Messages : 979
Inscription : 09 juil. 2004, 15:41

Message par FF_Olivier »

Très vite :
- il est de largeur fixe, ça devient désagréable quand on zoome, un gabarit flottant serait mieux.
- la page n'est pas centrée dans la fenêtre de navigation.
Suggestion : mettre le tout dans <body><div class="conteneur"> ... </div></body>, et CSS .conteneur { width: 90%; margin: auto;}.

Mais c'est une question de goût, évidemment.

Sinon bravo, belle charte graphique ;) !
openSUSE 12.2 - FF v24.0 FR - TB v24.0 FR ma config en détails - Décrivez la vôtre ici ;)
userContent.css : modifiez l'apparence et le contenu des sites visités !
GizMecano
Lézard à collerette
Messages : 416
Inscription : 02 août 2004, 20:27

Message par GizMecano »

Hello,

Fichtre, je ne pensais vraiment pas cette fois-ci avoir fait une énorme boulette. J'étais même bien content de voir tous les validateurs au vert...

Bon, sans revenir sur les autres remarques pour l'instant, je tiens juste à préciser à Calimo que je suis tout à fait désolé de ne pas avoir souvenir de ses remarques précédentes sur le sujet. J'arpente souvent le forum, mais je n'ai pas dû retenir le détail de ce point particulier, d'ailleurs fort complexe bien qu'il ne concerne qu'un petit bout de ligne.

Bien entendu, je n'ai aucunement réfléchi aux diverses implications que pouvaient provoquer cette erreur (d'ailleurs, si ma mémoire est bonne, je n'ai fait qu'un copier-coller de ce libellé sur un site, mais je peux me tromper). J'avoue bien humblement ne strictement pas comprendre les nuances que mentionne Calimo (et que sont sensées expliciter les liens qu'il donne), même si je précise être tout à fait prêt à le croire sur parole, ses compétences dépassant largement les miennes sur ce point.

Ce que je comprends vraiment encore moins, c'est que depuis pas mal de temps déjà, on lit de droite comme de gauche que les spécifications XHTML sont meilleures que celles du HTML, et que si je comprends ce que veux dire Calimo, ce ne serait pas si vrai que cela... :?

Puis-je, sans faire de bêtises, simplement remplacer le bout de code incriminé par Content-Type: text/xhtml ? Ou est-ce que, ne comprenant décidément rien, je ne ferais qu'aggraver la situation ?

Décidement, moi qui pensais avoir fait des progrès, je n'aimerais vraiment pas avoir tout à repasser en HTML alors que j'ai mis pas mal de temps à mettre au point quelque chose que les validateurs semblaient trouver à leur goût... D'ailleurs, pourquoi il ne me dise rien les validateurs ? :roll:

Encore merci pour vos commentaires, même si je dois avouer que ce genre de considérations techniques, quand bien même elles sont parfaitement fondées, a le dont de me mettre le moral dans les chaussettes... :cry:

Ciao,
GizMecano.net
http://gizmecano.net
GizMecano
Lézard à collerette
Messages : 416
Inscription : 02 août 2004, 20:27

Re: Négociation de contenu XHTML 1.1 / XHTML 1.0

Message par GizMecano »

Hello,

Franchement, je ne pensais pas du tout lancer une discussion aussi pointue en vous soumettant ce site, surtout que, a priori, j'ai vraisemblablement au départ fait une banale erreur de copier-coller en mélangeant deux choses différentes, et que, par ailleurs, c'est plutôt sur l'ensemble que je voulais des avis.

Ceci étant dit, j'ai lu avec autant d'attention que je l'ai pu vos différentes opinions. Bien que je saisise l'importance du problème, je dois tout de même avouer que je ne comprends pas vraiment le détail de vos débats.

Comme je ne tiens pas spécialement à faire un site à la mode Web 2.0 (contrairement à ce qu'a semblé croire Calimo il me semble), je suis tout à fait prêt à changer pour du XHTML 1.0, voire du HTML 4.01 (même si je trouverais cette dernière solution des plus étranges, je l'avoue), mais avant, j'aimerais juste qu'on me rassure en me disant ce que je vais devoir changer vraiment dans le reste des pages, et pas seulement dans les premières lignes incriminées...

En clair, par rapport à ce que j'ai déjà fait, que dois-je changer en plus des premières lignes pour avoir des pages convenables et valides ? Il me semble évident que j'opterais alors pour la solution la plus économe en modifications, car je ne crois pas avoir des objectifs si précis qu'ils méritent une attention particulière à cette fameuse "négociation de contenu".

Et, pour finir, même si je ne comprends pas tout le détail de l'affaire, voire son importance réelle, je n'ai pas débuté ce fil pour vous voir vous mettre sur la tronche. Alors, restons sereins, hein... :wink:

Merci.

Ciao,
GizMecano.net
http://gizmecano.net
Benoit
Administrateur
Messages : 4894
Inscription : 19 juil. 2003, 10:59

Message par Benoit »

Tu as raison, on s'écartait vraiment beaucoup de ton sujet.

J'ai donc séparé le sujet en deux, le débat sur XHTML 1.1 et text/html est à présent ici : http://www.geckozone.org/forum/viewtopic.php?t=38659

Quant aux autres remarques sur ton site elles peuvent être ajoutées ici :)
♫ Li tens s'en veit, je n'ai riens fais ;
Li tens revient, je ne fais riens. ♪
SB
Varan
Messages : 1095
Inscription : 05 mars 2004, 18:38

Re: Négociation de contenu XHTML 1.1 / XHTML 1.0

Message par SB »

GizMecano a écrit :En clair, par rapport à ce que j'ai déjà fait, que dois-je changer en plus des premières lignes pour avoir des pages convenables et valides ? Il me semble évident que j'opterais alors pour la solution la plus économe en modifications, car je ne crois pas avoir des objectifs si précis qu'ils méritent une attention particulière à cette fameuse "négociation de contenu".
Si tu veux contenter tout le monde, avoir des pages valides tout en garantissant un maximum de compatibilité, c'est le html 4.01 strict. Globalement ça ne devrait pas changer énormément de choses dans tes pages : supprimer les "/" de fermeture et , peut être, retoucher quelques positionnements en css s'il y en a, mais je ne suis même pas sur.

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

Bon, pour revenir au sujet de base (outre le xhtml 1.1 qui est traité ailleurs), quelques remarques (dans le désordre) :
  • Tu utilises des évènements "onclick" (enfin, un sur la page d'accueil). Outre le fait que ça ne marche pas pour ceux qui naviguent au clavier, outre le fait qu'il ne faut pas ouvrir une nouvelle fenêtre sans avertir clairement l'utilisateur, il ne faut pas non plus oublier de définir le langage utilisé pour cet évènement !

    Code : Tout sélectionner

    <meta http-equiv="Content-Script-Type" content="text/javascript" />
    (ça peut avantageusement se mettre dans les entêtes HTTP, et la redondance n'est pas inutile).
  • Pourquoi ne pas utiliser une vraie balise de titre à la place de <div id="title"> ?
  • Toujours pour le titre (qui n'en est pas un). Si les images sont désactivées, le visiteur voit (ou entend) ça :
    the GizMecano Laboratory the GizMecano Laboratory
    Je ne pense pas que cette redondance soit nécessaire.
  • Si je ne me trompe pas, tu as un <div id="surface"> enfant unique de <body>. Est-il vraiment indispensable ? (c'est possible...) Ou serait-il possible de le fusionner avec body ?
  • L'image alternative du script phpmyvisites pointe sur : http://gizmecano.free.fr/xphp/phpmyvisites.php. Or, ce n'est pas une image... du coup le texte alternatif s'affiche de toutes façons si js est désactivé.
Je n'ai épluché que la page d'accueil, c'est un peu du pinaillage je pense :-) (à part peut-être le fait qu'il faut avertir l'utilsateur avant d'ouvrir des fenêtres) :wink:

Message envoyé avec : Mozilla/5.0 (X11; U; Linux x64; fr; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1
Sébastien Guillon

Message par Sébastien Guillon »

Tout à fait d'accord avec SB sur le constat que HTML 4.01 est la solution la plus compatible, la mieux supportée, etc.

Si tu utilises un DOCTYPE HTML 4.01 strict il ne devrait y avoir d'autres problèmes de mise en page que les images qui redeviennent des éléments "block" en HTML. À confirmer quand même.

Tu peux aussi tout simplement utiliser du XHTML 1.0 strict pour tous les AU servi en text/html en suivant les règles de compatibilités de l'annexe C.

Je trouve que servir du XHTML 1.1 en text/html est vraiment une erreur. Les explications du W3C sont confuses mais il est clair qu'ils conseillent d'utiliser application/xhtml+xml au moins pour XHTML 1.1, et comme l'a dit un certain Ian Hickson (et je suis d'accord avec lui sur ce point) : « A "should" is as good as a "must", really, unless you have _very_ convincing reasons to ignore it. »

Ça sous-entend qu'il faut connaître les tenants et aboutissants pour se dire qu'on a trouvé de très bonnes raisons.

Message envoyé avec : Opera/8.53 (Windows NT 5.1; U; fr)
Benoit
Administrateur
Messages : 4894
Inscription : 19 juil. 2003, 10:59

Message par Benoit »

Pour ce qui est de l'affichage avec les images désactivées, as-tu déjà essayé l'extension Web Developer ? Il y a notamment une fonction très pratique pour remplacer instantanément les images par le contenu de leur attribut "alt" et tu verras en un coup d'œil ce que calimo veut dire.

Par contre, pour le Content-Script-Type, c'est même pire que du pinaillage :) il n'existe aucun navigateur qui va utiliser un autre type de script que JavaScript sur le Web. Soit c'est le type par défaut, soit il n'y a pas de moteur de script du tout.

HTML5 le dira clairement :
The default value of Content-Script-Type and the default value of the type attribute of the script element is the ECMAScript MIME type.
♫ Li tens s'en veit, je n'ai riens fais ;
Li tens revient, je ne fais riens. ♪
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

Benoit a écrit :Par contre, pour le Content-Script-Type, c'est même pire que du pinaillage :) il n'existe aucun navigateur qui va utiliser un autre type de script que JavaScript sur le Web. Soit c'est le type par défaut, soit il n'y a pas de moteur de script du tout.
Qui dit que ça ne changera pas à l'avenir ? :lol:
Benoit a écrit :HTML5 le dira clairement :
The default value of Content-Script-Type and the default value of the type attribute of the script element is the ECMAScript MIME type.
En attendant on en est malheureusement toujours au 4.01 où rien n'est indiqué :?

Message envoyé avec : Mozilla/5.0 (Windows; U; Windows NT 5.1; fr; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1
Benoit
Administrateur
Messages : 4894
Inscription : 19 juil. 2003, 10:59

Message par Benoit »

Si, il est indiqué que le navigateur peut faire ce qu'il a envie ("may still attempt to interpret...") :)
♫ Li tens s'en veit, je n'ai riens fais ;
Li tens revient, je ne fais riens. ♪
GizMecano
Lézard à collerette
Messages : 416
Inscription : 02 août 2004, 20:27

Message par GizMecano »

Hello,

Bon, en attendant de régler mon choix quand à la correction du doctype, j'en reviens à quelques unes des remarques qui ont été faites par ailleurs.
SB a écrit :Sinon dommage les icônes Firefox et CC dont la taille est supérieure aux images proprement dites, du coup lorsqu'on clique dessus les pointillés apparaissent (...)
Euh... C'est un problème d'alignement CSS en fait, non ? Les poitillés n'apparaissent de toute manière que temporairement, je crois (en encore, est-ce que tous les navigateurs les ajoutent ?).
SB a écrit :Et aussi ton image avec ton adresse mail n'est pas alignée au texte (...)
Certes, mais cette image est tout à fait temporaire, et uniquement parce que je n'ai voulu qu'utiliser un style déjà défini auparant...
FF_Olivier a écrit :il est de largeur fixe, ça devient désagréable quand on zoome, un gabarit flottant serait mieux.
Je comprends, mais je n'ai pas véritablement trouvé aisé de manipuler des gabarits flottants avec des images de fond qui, elles, ont une taille fixe. C'est un jonglage délicat. Sans parler du fait que je n'ai guère de goût pour les pages qui occupent obligatoirement tout l'espace disponible.
FF_Olivier a écrit :la page n'est pas centrée dans la fenêtre de navigation.
C'est un peu fait volontairement, mais je comprends que ça puisse ne pas plaire...
calimo a écrit :Tu utilises des évènements "onclick" (...). Outre le fait que ça ne marche pas pour ceux qui naviguent au clavier, outre le fait qu'il ne faut pas ouvrir une nouvelle fenêtre sans avertir clairement l'utilisateur, il ne faut pas non plus oublier de définir le langage utilisé pour cet évènement !
J'utilise est un grand mot : le script que j'utilise le fait (mais comme je ne comprend que pouic à ce genre de chose, je lis ton décorticage avec intérêt). Je ne savais pas que le script en question voulais ouvrir une nouvelle fenêtre (en tout cas, il ne semble pas vouloir le faire chez moi) : comment puis-je y remédier ? Je prends note d'ajouter la ligne de définition, qui, si elle ne rapporte rien, ne coûte rien non plus.
calimo a écrit :Pourquoi ne pas utiliser une vraie balise de titre à la place de <div id="title"> ?
Parce qu'il y a déjà des balises de titre, qui me semblaient plus intéressantes à utiliser pour du texte (la fonction de plan de la Web Developer Toolbar par exemple). Ce conteneur ne fait que contenir des images et n'a, fondamentalement, pas fonction de titre, mais plutôt d'en-tête. Son identité n'est qu'un aide-mémoire. Est-ce gênant ?
calimo a écrit :Toujours pour le titre (...). Si les images sont désactivées, le visiteur voit (...) Je ne pense pas que cette redondance soit nécessaire.
Et tu as parfaitement raison. Je n'y avais tout simplement pas pensé et je tenterais de placer des textes différents...
calimo a écrit :Si je ne me trompe pas, tu as un <div id="surface"> enfant unique de <body>. Est-il vraiment indispensable ? (c'est possible...) Ou serait-il possible de le fusionner avec body ?
En fait, je ne sais pas. Je l'ai créé uniquement pour cerner la taille de ma page, ce qui ne fonctionnait convenablement pas avec <body>. On en revient à la remarque précédente de FF_Olivier : c'est dû au choix de définir une surface de travail précise, et non l'intégralité (les tests que j'a fait en pleine page ne m'ont pas convaincu du bon usage des PNG en image de fond pour mes CSS).

Ceci dit, il y a sans doute d'autres solutions techniques, mais tout cela répond au départ seulement à un choix esthétique.
calimo a écrit :L'image alternative du script phpmyvisites pointe sur (...). Or, ce n'est pas une image... du coup le texte alternatif s'affiche de toutes façons si js est désactivé.
Si je comprends bien ce que tu veux dire, n'est-ce pas finalement normal ? Je n'ai que peu modifié le code du script (je n'y comprends rien), tout au plus seulement pour le rendre valide, et en me bornant à des corrections données par l'un de ses concepteurs (voir par exemple ce fil sur le forum de PHPMyVisites). Tu as une solution à proposer ?
calimo a écrit :Je n'ai épluché que la page d'accueil, c'est un peu du pinaillage je pense (à part peut-être le fait qu'il faut avertir l'utilsateur avant d'ouvrir des fenêtres)
Je ne demandais pas un épluchage en règle, hein ? C'est grâce aux membres de ce forum que je complète tout les jours mon expérience, je ne vais pas réclamer un complet audit gratuit... Je prends les remarques qu'on veut bien avoir le temps de me faire : ça fait déjà pas mal, non ?

Mais pour la fenêtre en question, j'avoue que je n'avais rien vu et que j'aimerais assez corriger ça...

Encore merci pour toutes vos remarques.

Ciao,
GizMecano.net
http://gizmecano.net
calimo
Animal mythique
Messages : 14118
Inscription : 26 déc. 2003, 11:51

Message par calimo »

GizMecano a écrit :
calimo a écrit :L'image alternative du script phpmyvisites pointe sur (...). Or, ce n'est pas une image... du coup le texte alternatif s'affiche de toutes façons si js est désactivé.
Si je comprends bien ce que tu veux dire, n'est-ce pas finalement normal ?
Non, je pense qu'une image devrait s'afficher (d'ailleurs ce n'est pas pour rien qu'il y a une balise <img>... :wink:
GizMecano a écrit :Tu as une solution à proposer ?
Non, malheureusement :?

Message envoyé avec : Mozilla/5.0 (X11; U; Linux x64; fr; rv:1.8.0.1) Gecko/20060111 Firefox/1.5.0.1
GizMecano
Lézard à collerette
Messages : 416
Inscription : 02 août 2004, 20:27

Message par GizMecano »

Hello,

Je fais remonter un petit peu mon vieux fil pour signaler que j'ai tenté de corriger un bon paquet de choses qui m'avaient été signalées ici en mettant en ligne une nouvelle version de mon petit site.

Bon, je n'ai pas encore réussi à corriger le problème signalé par Calimo à propos du JavaScript, mais le reste a été amélioré (en plus, ce code semble cette fois-ci valide). Et j'imagine qu'il reste toujours des choses qui ne vont pas... M'enfin, on peut voir que lire ce forum n'est pas toujours inutile... :wink:

Au passage, j'ai remarqué une différence notable de comportement entre Firefox et Opera quant à l'interprétation des tailles de <div> enfant : Firefox semble prendre en compte la décimale d'une taille relative et pas Opera (j'ai utilisé un 49.9% dans la CSS). Vous connaissiez ce truc (ou j'ai fait une boulette de plus) ?

Espérant ne pas relancer un débat sur les doctypes...

Ciao,
GizMecano.net
http://gizmecano.net
Répondre

Qui est en ligne ?

Utilisateurs parcourant ce forum : Aucun utilisateur inscrit et 4 invités