Aller au contenu

20cent

Hubmaster
  • Compteur de contenus

    205
  • Inscrit(e) le

  • Dernière visite

Messages postés par 20cent

  1. Question subsidiaire : quelle technique pour une présentation d'images en vignettes ? Là, vous me confirmez qu'un tableau tout bête de 5 lignes x 5 cellules régulières est quand meme une solution adaptée ?

    Oui, selon moi, c'est adapté. smiley%20(9).gif

    Mais il existe toutefois d'autres alternatives avantageuses :

    C'est d'ailleurs ce que j'ai (rapidement) réalisé sur mon site : http://www.20cent.net/docs/

  2. Sémantiquement, c'est en effet une erreur d'utiliser des tableaux pour sa mise en page.

    Et il est possible de s'en affranchir par l'utilisation de la surcouche CSS. Théoriquement...

    En pratique, les propriétés CSS sont actuellement, tu le sais, très mal implémentés dans certains navigateurs et c'est pourquoi il est encore toléré d'utiliser quelques tableaux pour la présentation globale.

    Et afin de rendre accessible ces fameux tableaux, je te conseille de suivre cet exemple.

    Cela permet de linéariser correctement l'information, tout simplement.

    En espérant avoir répondu correctement à ta question et n'avoir pas trop dit de bêtises. :)

  3. Hop, me voila avec un bo site accessible maintenant !

    Tu vas vite en besogne on dirait ! :P

    Voici quelques adresses de validateurs qui te permettront peut-être de mieux appréhender tout ce que le terme accessibilité sous-entend :

    Et ce n'est qu'un début... Mais promis, le jeu en vaut la chandelle ! :thumbup:

  4. Ces liens sont là essentiellement pour aider à la navigation les personnes atteintes d'un handicap.

    Ainsi si tu ne peux utiliser de souris, si tu es non-voyant et que tu navigues avec l'aide d'un navigateur vocal ou si tu utilises simplement un navigateur texte, il est bien plus commode de s'y retrouver. En effet les informations sont présentés ainsi de manière linéaire et il est souvent rébarbatif de ne pas pouvoir passer certaines parties.

    Pour ma part, j'ai fais l'expérience du navigateur vocal et du navigateur texte : c'est très révélateur et très facile à mettre en place pour se faire une meilleure idée.

    Bienvenue dans le monde de l'accessibilité ! B)

  5. Je ne suis pas un spécialiste mais je me risque à un début de réponse. :)

    Deux méthodes donc :

    • Tu t'appuies sur les options offertes par le navigateur (Firefox et Opéra offrent ses possibilités par exemple).
    • Tu codes un petit script (appelé "style switcher") permettant de réaliser ce choix.

    Le mieux étant sans doute de combiner les deux, chacune ayant ses avantages et ses inconvénients. smiley%20(8).gif

    Quelques adresses en vrac (et en anglais parfois) :

    N'oublie pas également de t'inspirer de ce qui a put déjà être fait sur les grandes références actuelles, c'est très formateur.

    J'aurais aimé te faire un resumé plus complet mais je manque de temps.

  6. Bienvenue Hadrien. :)

    Nous avons eu quelques échanges par mail récemment il me semble.

    Heureux de te retrouver ici.

    J'ai profité de ton message d'arrivée pour relire le billet de Denis d'ailleurs. Je n'arrive toujours pas à me décider à ce sujet... :unsure:

  7. Victoire ! smiley%20(14).gif

    Je suis parvenu à l'aide de quelques hacks et quelques paramètres supplémentaires à obtenir un rendu acceptable (à mes yeux) sous :

    • Internet Explorer 6 (PC)
    • Internet Explorer 5.5 (PC)
    • Internet Explorer 5 (PC)
    • Internet Explorer 4 (PC) (la feuille de style n'est pas chargée)
    • Internet Explorer 3 (PC) (la feuille de style n'est pas chargée)

    • Netscape 7.0 (PC)
    • Netscape 4.7 (PC) (la feuille de style n'est pas chargée)

    • Firefox 0.8 (PC)

    • Opera 7.23 (PC)

    • Lynx 2.8.3 (PC) (la feuille de style n'est pas chargée)

    • Safari 1.2 (MAC)

    N'hésitez pas à me faire des retours concernant d'autres butineurs si besoin est.

    Encore merci à tous ! J'ai beaucoup appris aujourd'hui. :)

  8. Content de te voir ici Sibelius.

    Merci pour tes remarques. :)

    IE/Mac [...] ne supporte pas les marges verticales négatives

    Tu me l'apprends. Mince, comment centrer ma page verticalement du coup ? Je vais regarder ça ! (C'est sur ton site non ?)

    il est très curieux de placer ton footer en début de code HTML

    J'y trouve des avantages pourtant. Lorsque je posterais la version finalisée, nous en reparlerons sûrement. :)

    le placement en position / bottom n'est pas implémenté de la même manière partout

    Au pire, je peux positionner le footer ailleurs s'il pose tant de problème.

    le sélecteur universel (*) n'est pas compris de tous les navigateurs non plus

    Ça c'est plus embêtant ! :(

    Le poids de ma CSS va en prendre un coup.

    inutile de mettre h1 en display:block, il l'est déjà par défaut

    Lorsque j'ai simplifié mon code pour réaliser cette maquette, j'ai oublié de retirer cette ligne, tout simplement.

    Ca n'a rien à faire ici, tu as raison.

    Jy vois plus clair en tout cas, cest parfait : les problèmes sont bien mieux identifiés ainsi.

    Et l'autre possibilité ? Développer un petit script, qu'en penses-tu ? :)

  9. Le client/donneur d'ordre c'est moi !

    Et j'essaye justement de m'imposer le maximum. :D

    J'ai tout un paragraphe qui vente les bénéfices des standards, avec entre autres, la portabilité et l'accessibilité : je me dois d'assurer à ce niveau.

    Le rendu sous IE3 me satisfait car il ne charge pas la CSS. Du coup, le contenu est accessible et l'affichage non-buggé.

    EDIT : Mince, j'aurais dût faire un sondage !

  10. Bonjour à tous,

    Je m'aperçois aujourd'hui que je pose beaucoup de questions sur ce forum. Aussi, j'espère ne pas vous saouler. :P

    Mais vos réponses sont en général pertinentes et les discussions toujours enrichissantes donc... :)

    Me voici avec un nouveau problème : la portabilité de cette structure sur les différents butineurs du marché.

    Je constate en effet que son rendu est correct sur :

    • Internet Explorer 6 (PC)
    • Internet Explorer 3 (PC)
    • Firefox 0.8 (PC)
    • Opera 7.23 (PC)
    • Lynx 2.8.3 (PC)
    • Netscape 4.7 (PC)
    • Netscape 7.0 (PC)

    Mais qu'il est très imparfait sur :

    • Internet Explorer 4 (PC)
    • Internet Explorer 5 (PC)
    • Internet Explorer 5.5 (PC)
    • La plupart des navigateurs Mac (je n'ai pas encore pris le temps de tout tester)

    Deux solutions s'offrent donc à moi :

    • Corriger au mieux ma feuille de style afin de garantir un support complet de la part des différents navigateurs.
      Et là, j'ai besoin de votre aide ! smiley%20(8).gif
    • Développer un petit script (côté serveur) destiné à charger ou non le CSS en fonction du butineur.
      Ce qui suppose un rendu sans feuille de style pour les navigateurs incompatibles listés ci-dessus et remet en question la portabilité de mon site.

    J'attends vos avis et conseils. D'avance, encore merci à tous ceux qui prendront le temps de m'aider.

  11. Bonjour,

    Petit problème en php aujourd'hui :

    Soit trois tableaux, qui listent quelques données extraites d'un ensemble de fichiers :

    • le premier contient les noms
    • le second contient les poids
    • le dernier contient les types

    L'élement "n" du 1er tableau est associé à l'élement "n" du second et du dernier bien sûr.

    Comment traiter ces informations pour obtenir ces tableaux triés :

    • par noms
    • par poids
    • par types

    Je ramasse les copie à la fin de l'heure. :smartass:

×
×
  • Créer...