Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
588 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  image qui se repete à l'infini

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

image qui se repete à l'infini

n°1300038
daydan
Posté le 06-02-2006 à 19:05:25  profilanswer
 

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!

mood
Publicité
Posté le 06-02-2006 à 19:05:25  profilanswer
 

n°1300186
xtof_83
Freeride Spirit
Posté le 06-02-2006 à 21:50:17  profilanswer
 

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 ;)

n°1300192
paquerette
Flower Power...
Posté le 06-02-2006 à 21:58:38  profilanswer
 

+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


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  image qui se repete à l'infini

 

Sujets relatifs
Problème d'imageoracle : delete infini ...
Image aleatoire + lien automatique vers l'image taille réelle et .....Image Map + onmouseover avec 2 actions
probleme affichage image[GDI+] Image et Frames : comment ça marche ?
[Java ]Déplacer une imageaccéder un a un pixel d'une image sous C++builder(borland)
Encodage d'une image au format jpgclic sur une image en php
Plus de sujets relatifs à : image qui se repete à l'infini


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR