HTML/CSS : Répétition d'une image complète

Fermé
Hovart Messages postés 211 Date d'inscription dimanche 29 juin 2008 Statut Membre Dernière intervention 30 août 2010 - 7 juil. 2009 à 16:58
 narg - 13 janv. 2010 à 15:03
Bonjour,

J'ai actuellement un tableau, avec des cellules qui possèdent un fond. Dans une de ces cellules, j'ai prévu un fond à répéter de manière à ce que la saisie de texte sur une grande hauteur ne gène pas. Cependant, lorsque j'ajoute une ligne de texte, l'image de fond ne se répète pas sur la hauteur de la cellule comme je le souhaiterais.

C'est un cas compliqué que j'vais expliquer de cette manière :

J'ai une cellule avec un fond rouge marbré. Cette cellule à une taille, admettons 500 de largeur et 200 de hauteur. Lorsque je rentre du texte, et que ce texte dépasse les 200 px de hauteur, la cellule s'aggrandit et le fond se répète. Cependant, il ne se répète que dans la hauteur de la ligne ajoutée. Ce que je voudrais, c'est que le fond se répète Complètement, dans toute sa hauteur, et non pas seulement de la longueur de la ligne.

<tr><td width="500px" height="200px" background="fondRepetable.jpg" style="background-repeat: repeat-y;" align="left"></td></tr>


Est ce possible ?

Merci
A voir également:

4 réponses

globbersthemes
7 juil. 2009 à 17:19
salut ,

change la balise background-repeat: repeat-y; par

background-repeat: repeat;

voila

GLOBBERS, http://www.globbersthemes.com webdesigner
0
Hovart Messages postés 211 Date d'inscription dimanche 29 juin 2008 Statut Membre Dernière intervention 30 août 2010 21
7 juil. 2009 à 17:24
Merci, mais cette solutionne marche peut être pas à cause de la manière dont j'ai formulé mon texte :

J'ai défini la zone de texte avec un div, et je crois que ça cause problème avec la répétiton : <div style="margin:0em 10em 5em 10em;"> [Texte] </div>

Si la n'est pas le problème, le fond ne se répète toujours pas dans son intégralité lorsqu'une ligne s'ajoute, il ne gagne que la hauteur de la ligne :S
0
globbersthemes
7 juil. 2009 à 17:43
crée une deuxieme div qui servira a calibrer ton texte, la premiere celle qui existe deja servira au background

voila

et n'oublie pas d enlever les padding qui concernent la deuxieme div, la premiere peut prendre la forme suivante "margin:0;padding:0;


globbers, http://www.globbersthemes.com webdesigner
0
Hovart Messages postés 211 Date d'inscription dimanche 29 juin 2008 Statut Membre Dernière intervention 30 août 2010 21
7 juil. 2009 à 18:17
Malgré ces modifications, la répétition du fond ne se fait toujours pas comme voulu.
Même si le nombre de ligne ne complète pas l'espace vide pour avoir une hauteur de fond complète.

En définitive, mon fond est en fait une planche, et la répétition doit former un plancher, cependant le texte qui gère la hauteur de la cellule, fait que le fond ne se répète pas complètement, et se limite à la dernière ligne du texte. Je dois à chaque fois ajuster avec des <br> et c'est pas évident...
0
Normal...
tu as utilisé background comme attribut de la cellule et non style, donc "repeat-y" dans ton style ne peux s'y appliquer.
Je pense que depuis le tps tu as dû trouver une solution mais bon en voici une :
<tr><td width="500px" height="200px" style="background: url("fondRepetable.jpg") repeat-y scroll 0 0;" align="left"></td></tr>

PS: si tu as le choix évite les tables et passe par des div
0