Rechercher : dans
Par :

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

Dernière réponse le 7 jui 2009 à 18:17:15 Hovart, le 7 jui 2009 à 16:58:44 
 Signaler ce message aux modérateurs

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
Configuration: Windows Vista Home Premium.

Meilleures réponses pour « HTML/CSS : Répétition d'une image complète » dans :
[Vista] Créer une image complète du système VoirIntroduction Sauvegarde Restauration Informations complémentaires Introduction Les éditions Professionnelles et intégrales de Vista ont la possibilité de créer une image complète (ou partielle) de vos partitions. C'est très utile dans...
Créer un site beau, dynamique et respectueux des standards VoirVoici une liste de liens qui vous aideront à mieux exploiter les standards (HTML, CSS, DOM...) pour créer des sites plus beaux, plus dynamiques et plus respectueux des standards. A la fin de cette page, il y a également une liste de...
Les CSS pour présenter vos images VoirPour présenter agréablement vos images, vous pouvez intégrer quelques codes supplémentaires dans votre CSS et vous en servir à bon escient. Elles sont bien sur modulables en fonction de la charte graphique de votre site. Utilisation Mettez les codes...
Gestion des images en HTML VoirComment afficher des images sur une page web? Quelques images sur un site Web peuvent le rendre plus attractif et plus convivial, cependant il est important de ne pas sombrer dans l'excès car les images peuvent impliquer un temps de chargement...
Positionner des éléments grâce aux CSS VoirIl est possible grâce aux feuilles de style de positionner au pixel près du texte ou des images grâce aux balises et . Cela est possible avec les versions 4 de Netscape et d'Internet Explorer, cependant cette technique reste hasardeuse...
CSS - Les couleurs VoirLes couleurs Le standard CSS propose différentes façons de définir des couleurs : par un nom avec la notation hexadécimale avec la notation décimale Appel d'une couleur par son nom Le langage HTML définit des noms pour un nombre limité de...

1

globbersthemes, le 7 jui 2009 à 17:19:05

Salut ,

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

background-repeat: repeat;

voila

GLOBBERS, http://www.globbersthemes.com webdesigner

Répondre à globbersthemes

2

Hovart, le 7 jui 2009 à 17:24:40

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

Répondre à Hovart

3

globbersthemes, le 7 jui 2009 à 17:43:34

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

Répondre à globbersthemes

4

 Hovart, le 7 jui 2009 à 18:17:15

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...

Répondre à Hovart