28220 sujets

CSS et mise en forme, CSS3

Cadre extensible verticalement : probleme Image

Bonjour !

J'ai déja posté ma réponse sur differents forums, qui n'ont malheuresement pas trouvé de reponse. je vous met donc 2posts dans lequel j'expose mon probleme :

a écrit :
Bonjour !

Mon probleme est assez compiqué, je ne sais pas s'il existe une réponse d'ailleurs... Quoi qu'il en soit je vais essayer de m'exprimer le plus clairement possible, dsl d'avance pour le mal de tete ^^ !

J'ai un tableau de cette forme :

http://perso.wanadoo.fr/herz3leid/tablo.jpg

Dans la cellule du haut, le haut du cadre.
Dans la cellule du bas, le bas du cadre.
Dans celle du milieu, une tranche du milieu, répétée autant de fois qu'il le faudra pour contenir tout le texte dans le cadre.

Le probleme c'est que l'image du centre n'a pas les bords verticaux, et j'aimeras qu'elle soit toujours repétée un nombre entier de fois, toujours autant de fois qu'il le faudra. AUtrement dit, je veux pas que cette tranche soit coupée.
Je m'explique.

Dans l'exemple ci-dessous (tres schematisé lol) representant le coin bas gauche, l'image coincide parfaitement avec le bord bas du cadre.

http://perso.wanadoo.fr/herz3leid/exemple1.jpg

Dans le 2e exemple ci dessous, l'image du coté n'a pa le bord vertical. Elle ne coincide donc pas toujours avec le bord.

http://perso.wanadoo.fr/herz3leid/exemple2.jpg

Ma question est : Comment faire pour que l'image de fond qui est répété se repete en entiere, sans qu'elle soit coupées à la fin du bloc...

Est-ce- quelqu'un a une solution s'il vous plait ?

Merci d'avoir pris le temps de me lire !

@+++



a écrit :
Alors voila de petites précisions :

Je cherche à réaliser un cadre extensible qui ressemblerait à ça (fait à l'arrache ^^) :
http://perso.wanadoo.fr/herz3leid/moncadre.jpg

Voila l'image du milieu que je voudrais repeter :
http://perso.wanadoo.fr/herz3leid/milieu.gif

Et l'image du bas du cadre :
http://perso.wanadoo.fr/herz3leid/bas.gif

Mais voici le probleme que je voudrais éviter :
http://perso.wanadoo.fr/herz3leid/probleme.jpg

J'espere que ça aura éclairci les choses !

@bientot.


En esperant que vous avez eu le courage de lire, et qu'il existe une réponse à ma question !

Ci@o ! Smiley cligne
Modifié par herz3leid (15 Nov 2005 - 19:51)
Hum oui, ya du challenge...

D'abord, pourque tout colle parfaitement, il faudra absolument que la hauteur du contenu soit un multiple de la hauteur de ton image à répéter verticalement.
Si ce n'est que du texte, il faudra donc fixer la taille de la police, en pixels (avec les problèmes d'acessibilité que cela pose), et créer une image qui soit égale à un multiple de hauteur de ligne.

Bon courage
Modifié par yyoupla (15 Nov 2005 - 20:08)
oui, il faut compter la hauteur total d'une ligne, c'est à dire celle de la police avec la hauteur de ligne (propriété CSS line-height)
Sujet clos
Aller à