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

HTML Discussion :

Scrollbar verticale si besoin et horizontale jamais ?


Sujet :

HTML

  1. #1
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Mai 2003
    Messages
    42
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2003
    Messages : 42
    Points : 25
    Points
    25
    Par défaut Scrollbar verticale si besoin et horizontale jamais ?
    Bonjour,

    Je voudrais savoir s'il existe une astuce pour que la scrollbar verticale s'affiche uniquement si besoin, et la scrollbar horizontale jamais. Car le pb c'est que si on règle une frame à la bonne largeur sans scrollbar verticale (au minimum, pour gagner de la place), dès que cette scrollbar verticale apparait elle impose aussi la scrollbar horizontale dont je n'ai pas besoin :-(

    Merci d'avance :-)

  2. #2
    Membre éclairé
    Avatar de efficks
    Inscrit en
    Septembre 2005
    Messages
    712
    Détails du profil
    Informations forums :
    Inscription : Septembre 2005
    Messages : 712
    Points : 776
    Points
    776
    Par défaut
    Il faut utiliser les styles suivants :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    overflow:visible|hidden|scroll|auto
    overflow-x:visible|hidden|scroll|auto
    overflow-y:visible|hidden|scroll|auto
    • visible, rend visible tout ce qui dépasse.
      hidden, cache tout ce qui dépasse.
      scroll, met une barre de défilement.
      auto, met une barre de défilement si besoin.

  3. #3
    Membre actif Avatar de AlphaYoDa
    Profil pro
    Inscrit en
    Novembre 2004
    Messages
    213
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Novembre 2004
    Messages : 213
    Points : 210
    Points
    210
    Par défaut
    pour des frames ca se fait plutot en HTML :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    scrolling="no"
    scrolling="auto"
    scrolling="yes"
    dans le code créant le cadre (page mère)

  4. #4
    Nouveau membre du Club
    Profil pro
    Inscrit en
    Mai 2003
    Messages
    42
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Mai 2003
    Messages : 42
    Points : 25
    Points
    25
    Par défaut
    Citation Envoyé par efficks
    Il faut utiliser les styles suivants :
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    overflow:visible|hidden|scroll|auto
    overflow-x:visible|hidden|scroll|auto
    overflow-y:visible|hidden|scroll|auto
    • visible, rend visible tout ce qui dépasse.
      hidden, cache tout ce qui dépasse.
      scroll, met une barre de défilement.
      auto, met une barre de défilement si besoin.
    Bien joué, ça marche nickel !
    Merci

    Citation Envoyé par AlphaYoDa
    pour des frames ca se fait plutot en HTML :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    scrolling="no"
    scrolling="auto"
    scrolling="yes"
    dans le code créant le cadre (page mère)
    Bah le pb c'est que cette commande ne fait pas de différence entre la verticale et l'horizontale. Or j'ai besoin d'interdire uniquement l'horizontale.

    Donc...
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    BODY { overflow-x:hidden; overflow-y:auto; }
    ...fait très bien l'affaire

  5. #5
    Membre actif Avatar de AlphaYoDa
    Profil pro
    Inscrit en
    Novembre 2004
    Messages
    213
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Novembre 2004
    Messages : 213
    Points : 210
    Points
    210
    Par défaut
    aïe c'est juste.. désolé

    mais je crois tu as :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    vscrolling="yes" hscrolling="no"
    etc..

  6. #6
    Membre éclairé
    Avatar de efficks
    Inscrit en
    Septembre 2005
    Messages
    712
    Détails du profil
    Informations forums :
    Inscription : Septembre 2005
    Messages : 712
    Points : 776
    Points
    776
    Par défaut
    J'ai appris de privilégier tous les codes de balises de styles CSS car ils peuvent être mis dans un fichier à part pour augmenter la cohésion des pages web et améliorer la maintenance.

  7. #7
    Membre actif Avatar de AlphaYoDa
    Profil pro
    Inscrit en
    Novembre 2004
    Messages
    213
    Détails du profil
    Informations personnelles :
    Localisation : Suisse

    Informations forums :
    Inscription : Novembre 2004
    Messages : 213
    Points : 210
    Points
    210
    Par défaut
    et tu as bien appris

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 0
    Dernier message: 29/12/2010, 16h50
  2. [CSS] forcer affichage scrollbar verticale (sans frames!!)
    Par cortex024 dans le forum Mise en page CSS
    Réponses: 38
    Dernier message: 29/06/2010, 21h26
  3. Problème ScrollBar verticale et horizontale dans datagridview
    Par moulefrite dans le forum Windows Forms
    Réponses: 1
    Dernier message: 24/02/2010, 20h34
  4. position scrollbar verticale
    Par kapfab dans le forum Général JavaScript
    Réponses: 3
    Dernier message: 27/04/2007, 16h49
  5. Supprimer la scrollbar verticale mais pas l'horizontale
    Par Prue dans le forum Balisage (X)HTML et validation W3C
    Réponses: 4
    Dernier message: 18/07/2005, 11h24

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