HTML/CSS : Répétition d'une image complète
Hovart
Messages postés
211
Date d'inscription
Statut
Membre
Dernière intervention
-
narg -
narg -
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.
Est ce possible ?
Merci
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:
- HTML/CSS : Répétition d'une image complète
- Editeur html - Télécharger - HTML
- Espace en html ✓ - Forum HTML
- Espace html ✓ - Forum Webmastering
- Html download - Télécharger - HTML
- /Var/www/html/index.html ✓ - Forum Linux / Unix
4 réponses
salut ,
change la balise background-repeat: repeat-y; par
background-repeat: repeat;
voila
GLOBBERS, http://www.globbersthemes.com webdesigner
change la balise background-repeat: repeat-y; par
background-repeat: repeat;
voila
GLOBBERS, http://www.globbersthemes.com webdesigner
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
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
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
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
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...
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...
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
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
