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
narg - 13 janv. 2010 à 15:03
A voir également:
- HTML/CSS : Répétition d'une image complète
- Editeur html - Télécharger - HTML
- &Nbsp html - Forum HTML
- Faire un trait horizontal html css ✓ - Forum CSS
- Espace en html - Astuces et Solutions
- Espace html ✓ - Forum HTML
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
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
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
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
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
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...
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