IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Webdesign & Ergonomie Discussion :

scroll sur div et ergonomie


Sujet :

Webdesign & Ergonomie

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Homme Profil pro
    Inscrit en
    Novembre 2007
    Messages
    274
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations forums :
    Inscription : Novembre 2007
    Messages : 274
    Par défaut
    Bonjour à tous

    Je viens vers vous car je me pose une question

    Sur le site de mon entreprise nous possèdons une zone actualités, mais celle-ci est vraiment petite.

    Nous passons par une société pour le codage du site, mais c'est nous qui gérons le contenu, le problème est le suivant, si nous mettons 3 actualités la zone d'actualité s'agrandit et on ce retrouve avec un vide sur le centre de la page, ce qui nous dérange.

    J'aimerai donc appliquer un scroll sur cette zone d'actualité qui apparament est un tableau du style

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    <table>
      <tr>
        <td id="contenu">Le contenu du site</td>
        <td id="zone2">La zone d'actualité et autre</td>
      <tr>
      <tr></tr>
      <tr></tr>
      <tr></tr>
      <tr></tr>
      <tr></tr>
      <tr></tr>
      <tr></tr>
      ...
    </table>
    La société qui s'occupe du site me dit que mettre un scroll sur cette zone n'est pas ergonomique et n'est pas recommandée dans les bonne pratique du Web

    il utilise la norme et le label anysurfer, j'aimerai donc savoir en quoi celà est une perte ergonomique

    Déjà que le site n'est pas valide au validateur W3C (32 erreurs toute lié apparament à l'implantation du bouton facebook)

    Ensuite étant moi-même développeur Web à mes heures, je pensait que c'était finit d'utiliser les tables pour structuré un squelette, que ca se fesait maintenant avec des div (moi j'y arrive parfaitement quel que soit le squelette) ici on à un tableau avec un tas de balise <tr> complètement vide pas même de balise td (j'en voi pas l'utilité mais bon).

    Donc je viens vers vous pour avoir votre avis, le site en question est le suivant : http://www.laressourcerie.be/

    en lieu et place du scroll il me propose un system d'onglets qui serait limiter de toute facon à 4 ou 5 actualité maximum (ce qui nous arrange pas plus)

    Donc voilà pouvez m'éclairer ?

    Il faut que je précise que pour mettre ces 4 ou 5 fameux onglets ils veulent me facturer 206,25€ pour 2h00 (qu'il disent ca prend jamais 2 heure de coder 5 onglets).

    D'avance merci de votre participation

  2. #2
    Rédacteur

    Avatar de Bovino
    Homme Profil pro
    Développeur Web
    Inscrit en
    Juin 2008
    Messages
    23 647
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 55
    Localisation : France, Gironde (Aquitaine)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Juin 2008
    Messages : 23 647
    Billets dans le blog
    20
    Par défaut
    Pas ergonomique, pourquoi pas vu que ça oblige à manipuler l'ascenseur.
    En revanche, pas recommandé, tu as raison, ils se foutent clairement de la gueule du monde ! Déjà parce que je ne vois pas pourquoi ce ne serait pas recommandé, mais surtout parce que comme tu le remarque, c'est surtout la mise en page à l'aide de tableaux qui n'est pas recommandée (et effectivement, on ne parle même pas de la structure de cette table) !

    Sinon, la mise en place d'un système d'onglets dépend de la façon dont est organisé le code à la base, mais globalement, ce n'est pas grand-chose à mettre en place (voir Mise en place d'une navigation par onglets avec jQuery par exemple).
    Pas de question technique par MP !
    Tout le monde peut participer à developpez.com, vous avez une idée, contactez-moi !
    Mes formations video2brain : La formation complète sur JavaScriptJavaScript et le DOM par la pratiquePHP 5 et MySQL : les fondamentaux
    Mon livre sur jQuery
    Module Firefox / Chrome d'intégration de JSFiddle et CodePen sur le forum

  3. #3
    Rédacteur
    Avatar de Macmillenium
    Homme Profil pro
    Développeur front-end
    Inscrit en
    Mars 2008
    Messages
    2 333
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 39
    Localisation : France, Paris (Île de France)

    Informations professionnelles :
    Activité : Développeur front-end
    Secteur : High Tech - Produits et services télécom et Internet

    Informations forums :
    Inscription : Mars 2008
    Messages : 2 333
    Par défaut
    Citation Envoyé par splifferwolf Voir le message
    il utilise la norme et le label anysurfer, j'aimerai donc savoir en quoi celà est une perte ergonomique
    AnySurfer est une méthode d'application des WCAG, comme AccessiWeb en France, donc c'est un label très sérieux. Par contre ce label peut être évoqué juste pour vendre des sites et passer pour une agence sérieuse, car:
    - Ce label concerne l'accessibilité et n'a rien à voir avec l'ergonomie,
    - l'usage des scrollbars dans une page n'est proscrit nulle part dans les WCAG,
    - le site que tu nous présente est loin d'être accessible, en plus il est mal intégré.

  4. #4
    Membre éclairé
    Homme Profil pro
    Inscrit en
    Novembre 2007
    Messages
    274
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : Belgique

    Informations forums :
    Inscription : Novembre 2007
    Messages : 274
    Par défaut
    Merci à vous deux pour votre réponse qui me conforte un peu dans ce que je pensait

    Citation Envoyé par Macmillenium Voir le message
    - le site que tu nous présente est loin d'être accessible, en plus il est mal intégré.
    Pourriez-vous me donner quelques détails ou exemple concernant le manque d'accessibilité ou l'intégration du site en question, de manière à ce que je puisse argumenter la chose lorsque je les aurait en face de moi.

    Je vous remercie vivement

  5. #5
    Nouveau membre du Club
    Homme Profil pro
    Développeur Web
    Inscrit en
    Décembre 2011
    Messages
    7
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 49
    Localisation : France, Ain (Rhône Alpes)

    Informations professionnelles :
    Activité : Développeur Web
    Secteur : Communication - Médias

    Informations forums :
    Inscription : Décembre 2011
    Messages : 7
    Par défaut
    Bonjour,

    Très intéressante votre discussion. J'aurais 2 petites questions du coup :
    - pourquoi l'utilisation n'est elle plus recommandée ?
    - pourquoi dis-tu que ce site est mal intégré ?

    Merci d'avance pour ma lanterne

Discussions similaires

  1. Div au dessus d'un tableau avec un scroll sur tablette
    Par javaIDF dans le forum Général Conception Web
    Réponses: 2
    Dernier message: 04/07/2015, 11h37
  2. Permertte le scroll sur des div imbriqué
    Par zooffy dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 05/06/2012, 18h42
  3. Div pere fixe et scroll sur div fils
    Par mowegan dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 10/01/2011, 11h37
  4. Scroll sur DIV - Descente auto sur overflow
    Par cicolas dans le forum Général JavaScript
    Réponses: 4
    Dernier message: 06/12/2007, 10h41
  5. Prise de pouvoir du scroll de page sur un scroll de div
    Par speedev dans le forum Général JavaScript
    Réponses: 7
    Dernier message: 09/02/2007, 10h59

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo