[CSS] repéter une image de fond : keskivapa ?

repéter une image de fond : keskivapa ? [CSS] - HTML/CSS - Programmation

Marsh Posté le 05-04-2003 à 20:33:55    

http://ylp.free.fr/hfr/preview.gif
 
La partie située au dessus de la ligne rouge est créée, découpée et agencée avec des #id. la partie bas-droite est vide. Je voudrais que la partie bas-gauche soit une simple image de 50 px de large et 2 px de haut (un noir et un blanc) qui se répète jusqu'en bas de la page pour faire des pointillés.  
 
Jusqu'à maintenant j'utilisais des tableaux en plus des css, c'était facile, mais là il n'y a que des css (xhtml) et je n'arrive pas à le faire. J'ai essayé ceci :
 

Code :
  1. .marges {
  2. background-color : White;
  3. margin-left: 0px;
  4. margin-top: 0px;
  5. margin-bottom: 0px;
  6. margin-right: 0px;
  7. background-image : url(images/repeat.gif);
  8. background-repeat : repeat-y;
  9. }


 
suivi de  
 

Code :
  1. <body class="marges">


 
dans la page html, mais ça ne fonctionne pas.  
 
Une idée ? :)


Message édité par parappa le 05-04-2003 à 20:36:12

---------------
DU LINO DE BATARD IMITATION CARREAUX DE CIMENTS ILLEGITIMES§§§
Reply

Marsh Posté le 05-04-2003 à 20:33:55   

Reply

Marsh Posté le 05-04-2003 à 20:37:48    

Reply

Marsh Posté le 05-04-2003 à 20:40:26    

Ok ça roule, le nom de l'image était "repaet.gif". [:ideenoire]


---------------
DU LINO DE BATARD IMITATION CARREAUX DE CIMENTS ILLEGITIMES§§§
Reply

Marsh Posté le 06-04-2003 à 13:47:58    

parappa a écrit :

http://ylp.free.fr/hfr/preview.gif
 
La partie située au dessus de la ligne rouge est créée, découpée et agencée avec des #id. la partie bas-droite est vide. Je voudrais que la partie bas-gauche soit une simple image de 50 px de large et 2 px de haut (un noir et un blanc) qui se répète jusqu'en bas de la page pour faire des pointillés.  
 
Jusqu'à maintenant j'utilisais des tableaux en plus des css, c'était facile, mais là il n'y a que des css (xhtml) et je n'arrive pas à le faire. J'ai essayé ceci :
 

Code :
  1. .marges {
  2. background-color : White;
  3. margin-left: 0px;
  4. margin-top: 0px;
  5. margin-bottom: 0px;
  6. margin-right: 0px;
  7. background-image : url(images/repeat.gif);
  8. background-repeat : repeat-y;
  9. }


 
suivi de  
 

Code :
  1. <body class="marges">


 
dans la page html, mais ça ne fonctionne pas.  
 
Une idée ? :)


 

.marges {
 background: White url(images/repeat.gif) repeat-y;
 margin: 0px;
}


c'est plsu jolie du css comme ca ! non ?
( et ca marche aussi bien ! )

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed