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 :

mettre un scrollbar dans un cadre saisie


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    actualite
    Invité(e)
    Par défaut mettre un scrollbar dans un cadre saisie
    Bonjour voilà mon livre d'or

    http://le.coffre.free.fr/livre_d_or.php

    Je voudrais mettre un cadre saisi en dasched avec une hauteur de 80px

    pour que les gens mette un texte dans le texterea et il apparaît dans le cadre

    Mais j'ai une question sur le css

    j'ai mis ça

    <div id="saisie"></div>

    et dans mon css :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    #saisie
    {
       border-left:1px dashed #FFFFFF; /* couleur du cadre */
       border-right:1px dashed #FFFFFF;
       border-bottom:1px dashed #FFFFFF;
       border-top:1px dashed #FFFFFF;
       margin-left:80px;
       margin-right:80px;
       color:#FFFFFF;
    }
    donc là si on met un texte le cadre il descend automatique

    et si je lui met une hauteur avec :

    height:80px; pour lui dire de mettre un cadre de 80 px mais quand on met un texte et le soucie il dépasse du cadre le texte

    donc j'aimerais mettre un petit cadre come j'ai dit 80 ou 100 px mais avec un scrollbar sur les coté pour évité que le texte passe en sous du cadre

    donc j'ai pensé mettre height 80px pour l'hauteur ça c'est bon mais je voudrais savoir comment mettre un scrollbar dans mon cadre saisie

    merci

  2. #2
    Membre éclairé
    Homme Profil pro
    Webmaster
    Inscrit en
    Avril 2007
    Messages
    290
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Avril 2007
    Messages : 290
    Par défaut
    Ajoute au css de ton div :


  3. #3
    actualite
    Invité(e)
    Par défaut
    merci

    mais j'aimerais dans ce style là

    http://www.hiboox.com/lang-fr/result...sh.jpg&error=0

    car ça fais :


    http://le.coffre.free.fr/livre_d_or.php

    comment on peux mettre

  4. #4
    Membre éclairé
    Homme Profil pro
    Webmaster
    Inscrit en
    Avril 2007
    Messages
    290
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Avril 2007
    Messages : 290
    Par défaut
    Dans ce cas met :


  5. #5
    actualite
    Invité(e)
    Par défaut
    merci d'avance

    juste une question pour un scrollbar bleu comme la plupart des sites ou les
    scrollbars du windows c'est qu'elle couleur je sais c'est bleu ciel mais si tu sais le code exacte soit par le nom de la couleur ou soit par des lettres car j'ai mis black

    et ça ne fais pas bien

    tu me conseille de mettre quoi comme couleur pour les scrollbar

    voilà j'ai mis ça :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    	scrollbar-arrow-color: black;
    	scrollbar-track-color: black; 
    	scrollbar-face-color: black; 
    	scrollbar-shadow-color: black; 
    	scrollbar-highlight-color: black;
    	scrollbar-darkshadow-color: black; 
    	scrollbar-3dlight-color: black;
    et pour les texterea

    que je pensse que je vais laissez come telle :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    input, textarea, select
    {
    	margin: 1; 
    	font-size: 8 pt; 
    	font-family: Verdana, Arial, Helvetica, sans-serif; 
    	color:#000000;
    	background-color: #FFFFFF; 
    	border: 1 solid #FFFFFF;
     
    }
    mais il faut juste changé la coouleur du scrollbar comme la plupart des forum le fond blanc et la barre qui décend don l'ascenseur qui seras bleeu ciel ou claire come le windows et comme dans ce site

    merci

  6. #6
    Membre éclairé
    Homme Profil pro
    Webmaster
    Inscrit en
    Avril 2007
    Messages
    290
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France

    Informations professionnelles :
    Activité : Webmaster

    Informations forums :
    Inscription : Avril 2007
    Messages : 290
    Par défaut
    Attention, tous les "scrollbar-...-...", ne passe pas sur tous les navigateurs.
    Cette fonction ne correspond pas au norme w3c. A la base elle vient d'internet explorer. Tu peux essayer de faire une scrollbar avec javascript et des images.

    http://www.wikistuce.info/doku.php/j..._en_javascript

    Si tu laisses les scrollbars sans styles elles aurons les couleurs de ton thème de bureau.


    Voici les erreurs de ton css :
    http://jigsaw.w3.org/css-validator/v...livre_d_or.php

  7. #7
    Invité de passage
    Inscrit en
    Avril 2009
    Messages
    1
    Détails du profil
    Informations forums :
    Inscription : Avril 2009
    Messages : 1
    Par défaut Scrollbar
    Bonjour, j'aimerais rajouter une scrollbar ici : http://fascination.comze.com/diversmsn.php quel code faire ? Merci

Discussions similaires

  1. mettre une scrollbar dans une frame
    Par RyzenOC dans le forum Général Python
    Réponses: 21
    Dernier message: 22/06/2015, 16h38
  2. Comment mettre un scrollbar dans un JList
    Par Invité dans le forum Débuter avec Java
    Réponses: 0
    Dernier message: 07/07/2013, 10h55
  3. Réponses: 5
    Dernier message: 02/04/2007, 11h45

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