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

Mise en page CSS Discussion :

scroll vertical css


Sujet :

Défilement en CSS

  1. #1
    Membre confirmé
    Inscrit en
    Juin 2006
    Messages
    171
    Détails du profil
    Informations forums :
    Inscription : Juin 2006
    Messages : 171
    Par défaut scroll vertical css
    Bonjour,
    Voici un extrait de code de la feuille de style livrée avec un style et jquery.
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
     
    .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
    .ui-accordion .ui-accordion-li-fix { display: inline; }
    .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
    .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em 1.1em; }
    .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
    .ui-accordion .ui-accordion-content { padding: 1em 1.1em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; }
    .ui-accordion .ui-accordion-content-active { display: block; }/* Datepicker
    Je souhaite rajouter un scroll auto VERTICAL. Or l'overflow ne fonctionne que dans l'axe horizontal. J'ai essayé overflow-y mais cela ne fonctionne pas.
    Nous avons IE 6 SP1, IE 6 SP2, IE8
    Merci de votre aide.

  2. #2
    Membre éclairé Avatar de LhIaScZkTer
    Inscrit en
    Mai 2004
    Messages
    564
    Détails du profil
    Informations personnelles :
    Âge : 43

    Informations forums :
    Inscription : Mai 2004
    Messages : 564
    Par défaut
    Salut jbclutier,

    si tu passes ton overflow à scroll ça ne fonctionne pas non plus ?
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    overflow : scroll;
    Bonne journée

  3. #3
    Membre confirmé
    Inscrit en
    Juin 2006
    Messages
    171
    Détails du profil
    Informations forums :
    Inscription : Juin 2006
    Messages : 171
    Par défaut
    j'ai essayé overflow: scroll cela donne une barre horizontale
    j'ai essayé overflow-y: scroll cela donne toujours une barre horizontale
    j'ai essayé
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
     
    overflow : auto; overflow-x: hidden; overflow-y: scroll (ou auto)
    toujours pareil

  4. #4
    Rédacteur

    Homme Profil pro
    Responsable de projet
    Inscrit en
    Mai 2009
    Messages
    634
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 46
    Localisation : France

    Informations professionnelles :
    Activité : Responsable de projet
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Mai 2009
    Messages : 634
    Par défaut
    Salut,

    fixe une largeur sur ton conteneur contenant ton overflow.

  5. #5
    Membre confirmé
    Inscrit en
    Juin 2006
    Messages
    171
    Détails du profil
    Informations forums :
    Inscription : Juin 2006
    Messages : 171
    Par défaut
    une largeur ? comment cela stp ?
    d'autant que je souhaite bien un ascenseur vertical...
    peux-tu me donner un bout de code stp ?
    merci

  6. #6
    Membre confirmé
    Inscrit en
    Juin 2006
    Messages
    171
    Détails du profil
    Informations forums :
    Inscription : Juin 2006
    Messages : 171
    Par défaut
    de plus tout vient aussi du fait que je ne parviens pas à voir où se règle l'interligne dans ce put... de fichier css (je vais le joindre). Voici le code dans le html qui l'appelle :
    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
    16
    17
     
    ... Dans le Head
    <SCRIPT type=text/javascript>
      $(document).ready(function(){
    	$(function() {
    		$("#accordion").accordion({header: "h3"});
    	});
      });
    </SCRIPT>
    ...Puis dans le Body
    </div>
      <TD width='500' rowspan='10'>
      <DIV id=accordion>
       <H3><A href="#">Mon Titre 1</A></H3>
       <DIV><P><a href="\\serveur\Partage1l">Sous titre 1</a></P>
       <P><a href="\\serveur\Partage2">Sous titre 2</a></P></DIV>
    ...etc
    L'affichage est à peu près correct mais entre les lignes sous titre 1 et 2 j'ai un espace blanc qui fait environ 5 fois la hauteur d'une ligne de texte..
    Je joins le fichier css.
    Si quelqu'un a une bonne idée..car je suis en cale sèche...
    Fichiers attachés Fichiers attachés

Discussions similaires

  1. Forcer scroll vertical en empechant scroll horizontal
    Par calitom dans le forum Mise en page CSS
    Réponses: 5
    Dernier message: 07/11/2011, 10h39
  2. [winAPI] Notification de scroll vertical de listbox ?
    Par kidpaddle2 dans le forum Windows
    Réponses: 3
    Dernier message: 19/07/2006, 15h59
  3. [winAPI] Scrolling vertical listbox ?
    Par kidpaddle2 dans le forum Windows
    Réponses: 2
    Dernier message: 22/05/2006, 18h57
  4. [IFrame] Avoir seulement un scroll vertical
    Par Etanne dans le forum Balisage (X)HTML et validation W3C
    Réponses: 6
    Dernier message: 19/09/2005, 11h33
  5. scrolling vertical et horizontal
    Par myriam dans le forum MFC
    Réponses: 2
    Dernier message: 24/01/2003, 17h06

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