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 :

Background repeat y


Sujet :

CSS

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre confirmé
    Profil pro
    Inscrit en
    Décembre 2007
    Messages
    178
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Décembre 2007
    Messages : 178
    Par défaut Background repeat y
    Bonjour , je cherche mettre un background qui défile verticalement avec le texte.Donc j'ai un background de 740,25 que j'ai coupé en 3 le haut , le centre avec le code texte , et le footer et ça fonctionne pas.
    PAGE TEST

    Je souhaite que le background dans la deuxieme colonne descend avec le texte.

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    <div id="conteneur">
    <div id="menu_gauche">
    </div>
      <div id="conteneur_message">  
         <div id="haut_message"></div>
    	 <div id="centre_message">
    	 TEST<br />test test
    	 </div>
    	 <div id="bas_message">
    	 </div>
      </div>
    </div>
    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
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    30
    31
    32
    33
    34
    35
    36
     
     
    #conteneur{
    width:740px;
    height:25px;
    float:left;
    }
     
    #menu_gauche{
    width:148px;
    height:25px;
    float:left;
    background:url(../test/menu_gauche_lire_message.jpg);
    }
     
    #conteneur_message{
    width:592px;
    height:25px;
    float:right;
    }
     
    #haut_message{
    height:10px;
    background:url('../test/haut_message.jpg');
    }
     
    #centre_message{
    height:10px;
    background:url('../test/centre_message.jpg');
    background-repeat:repeat-y;
    }
     
    #bas_message{
    height:5px;
    background:url('../test/bas_message.jpg');
    }

  2. #2
    Membre émérite Avatar de c_s_s
    Profil pro
    Inscrit en
    Juillet 2008
    Messages
    619
    Détails du profil
    Informations personnelles :
    Localisation : France, Paris (Île de France)

    Informations forums :
    Inscription : Juillet 2008
    Messages : 619
    Par défaut
    Bonjour,

    Enlève la hauteur sur le bloc #centre_message.


Discussions similaires

  1. background repeat-y non coupé
    Par marcooooo dans le forum Mise en page CSS
    Réponses: 3
    Dernier message: 20/03/2008, 14h43
  2. problème background-repeat et height=100%
    Par valche5 dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 03/08/2007, 23h21
  3. Un papier peint (background-repeat) à gauche d'un rowspan
    Par puresprit dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 19/05/2007, 13h32
  4. Background-repeat et div
    Par Zan dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 07/05/2007, 18h05
  5. [css] Probleme avec background repeat
    Par meda dans le forum Mise en page CSS
    Réponses: 2
    Dernier message: 10/01/2006, 09h38

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