image qui se repete à l'infini

image qui se repete à l'infini - HTML/CSS - Programmation

Marsh Posté le 06-02-2006 à 19:05:25    

bonjour,  
je voudrais faire une cell horizontale qui a pour fond une image et qui se repete à l'infini sur la droite.
en image : http://jamdan.free.fr/assayag/index.html
avec mozilla le pb ne se pose pas, mais c'est avec ie que sur la droite il ya une coupure. Comment faire pour que les cellules s'etendent à l'infini sur la droite.
Merci!

Reply

Marsh Posté le 06-02-2006 à 19:05:25   

Reply

Marsh Posté le 06-02-2006 à 21:50:17    

déjà évite de faire des tableaux....
 
Ce sera plus simple..
 
Apres un repeat-x tira bien je pense....Mais pour cela faut que tu refasses ta page en HTML/CSS propre ;)

Reply

Marsh Posté le 06-02-2006 à 21:58:38    

+1
 
Il faut eviter les tableaux... tu peux faire la meme chose avec des div et du css.
 
Pour te rendre compte de ce qu'on peut faire en CSS : http://www.csszengarden.com (clique sur les liens proposé, tu verras des pages d'un look completement différent pourtant le code html est identique, seul la feuille de style change)
 
 
Sinon ce que xtof_83 veut dire.
 
Par exemple sur ton body tu défini une background image, avec une instruction qui lui dit de se répété selon l'axe horizontale.
 
soit en css :
 
BODY
{
  background-image:url('/images/background.png');
  background-repeat: repeat-x;
}
 
si tu veux une répétition vertical
 background-repeat: repeat-y;
 
les 2 :  background-repeat: repeat;
 
Si tu ne veux pas que cela s'applique a toute la page, tu peux définir la zone ou l'image se répete juste a un cadre
 
tu met un div dans ta page.
<div id="monID"></div>
 
puis dans la feuille de style tu lui applique ton CSS :  
 
#monID
{
  position:absolute;
/*position de ton cadre*/
top:75px;
left:150px;
/*dimension de ton cadre*/
width:400px;
height:200px;
/*background*/
  background-image:url('/images/background.png');
  background-repeat: repeat-x;
}
 
Sinon, sympa ta page.  (jespere que tu vas pas alourdir trop avec l'image de fond)
 
paquerette

Reply

Sujets relatifs:

Leave a Replay

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