Petit Pb de repeat-y sous Mozilla - HTML/CSS - Programmation
Marsh Posté le 21-12-2004 à 10:36:03
C'est :
Code :
|
Marsh Posté le 21-12-2004 à 10:38:10
Et non, merci mais c'est pas ca, en fait ce qui se passe c'est que le texte est bien ecris sur la premiere "tranche" de l image en background mais l image ne se repete pas si le texte est trop long!!
Sur IE c est nickel!
Quelq un d autre? Merci
Marsh Posté le 21-12-2004 à 10:43:41
Si c'est ça, t'as oublié de mettre la couleur en premier argument. La propriété background a comme arguments tout ça dans l'ordre : couleur, image, repétation, attachement, position.
Si t'oublie la couleur, ça marchera pas, c'est juste IE qui corrige ton erreur
Marsh Posté le 21-12-2004 à 10:43:46
tu impose une hauteur de 39px à ton div, quel hauteur fait ton image ????
Marsh Posté le 21-12-2004 à 10:48:32
FlorentG a écrit : Si c'est ça, t'as oublié de mettre la couleur en premier argument. La propriété background a comme arguments tout ça dans l'ordre : couleur, image, repétation, attachement, position. |
Ce sont des "OU"... Tu mets bien ce que tu veux...
FTG> URL pour tester ?
Marsh Posté le 21-12-2004 à 10:50:34
Mon image fait aussi 39px. Mais sous IE y a aucun pbs!! Pourtant dans toutes les docs, il est bien dit que la propriete repeat est compatible chez tous les navigateurs!
Marsh Posté le 21-12-2004 à 10:53:16
gm_superstar a écrit : Ce sont des "OU"... Tu mets bien ce que tu veux... |
Ouch effectivement, un morceau de la spécification que j'avais loupé
Marsh Posté le 21-12-2004 à 10:57:37
Bon j'ai essayé, ça arrive quand tu met une height à un élément et que cette height s'agrandit du fait d'un contenu trop grand...
Marsh Posté le 21-12-2004 à 11:00:14
Ben si, tu donnes la bonne hauteur à ton DIV...
Marsh Posté le 21-12-2004 à 11:00:23
FTG a écrit : Mon image fait aussi 39px. Mais sous IE y a aucun pbs!! Pourtant dans toutes les docs, il est bien dit que la propriete repeat est compatible chez tous les navigateurs! |
Tu met une image et un div de 39px, théoriquement elle ne dois pas se répéter(meme si tu le dis dans le CSS) vu qu'un image de 39px ne loge qu'une fois dans 39px...
Il se trouve que ton div fait ensuite plus de 39px à cause d'un texte trop long, mais ton CSS n'est pas responsable de ton sous-dimensionnement de la hauteur du div, pour lui ça fait 39 et 39 donc pas de répétition....
Essai de mettre une hauteur de div > à 39 pour voir si l'image se répète sous Mozilla.
PS: il ne faut jamais prendre IE comme exemple de comportement vu que c'est celui qui respecte le moins la conformité CSS.
Marsh Posté le 21-12-2004 à 11:00:28
Si on regarde la syntaxe proposée sur selfhtml.org ça donne ça :
Code :
|
Marsh Posté le 21-12-2004 à 11:00:57
Ben mon div a la bonne hauteur!
C est sur, j'ai fait ca avec photoshop et j ai verifie
Marsh Posté le 21-12-2004 à 11:01:19
FTG a écrit : ah ok |
Oui
Marsh Posté le 21-12-2004 à 11:01:58
Mais si ton div est susceptible de contenir un long texte, pourquoi tu le met à 39px ?
Marsh Posté le 21-12-2004 à 11:02:07
FTG a écrit : Ben mon div a la bonne hauteur! |
La preuve que non vu que Mozilla doit l'agrandir.
On parle de la hauteur du DIV pas de celle de l'image.
Marsh Posté le 21-12-2004 à 11:02:14
sinon tu lis ce que j'ai écrit juste avant
Marsh Posté le 21-12-2004 à 11:02:32
bidem a écrit : Si on regarde la syntaxe proposée sur selfhtml.org ça donne ça :
|
Ca c'est la version longue. La version courte permet de faire ça :
Code :
|
Marsh Posté le 21-12-2004 à 11:03:36
Bien vu!!
Ca marche, le probleme est donc resolu!
Ca devrait en interesser plus d'un!!
Marsh Posté le 21-12-2004 à 11:04:12
j'voudrais pas avoir l'air d'insister mais j'avai déjà expliquer là-haut le pb de la taille du div et le pourquoi de la non-répétitiotn, mais mon post à été englobé dans la séance intensive de post
EDIT: et c'est pourquoi je t'ai demandé dès le départ la taille de ton image pour pouvoir comparer avec le height du div
Marsh Posté le 21-12-2004 à 11:06:38
Xav_ a écrit : j'voudrais pas avoir l'air d'insister mais j'avai déjà expliquer là-haut le pb de la taille du div et le pourquoi de la non-répétitiotn, mais mon post à été englobé dans la séance intensive de post |
T'inquiètes, on l'avait vu, mais lui non je pense...
Aller, Xav_
Marsh Posté le 21-12-2004 à 11:10:15
Ah oups desole!!
Oui Xav, c'est toi qui a tout le merite de la reponse!
Marsh Posté le 21-12-2004 à 11:53:01
on fait pas un concours, ce qui compte c'est que tu ai ta réponse,
c'est juste que filer la réponse au bout de 5 posts et vous voir en écrire 5 de plus pour arriver à la meme conclusion j'ai trouvé ça un peu c....
spa grave, j'ai tjs été un artiste incompris...
Marsh Posté le 21-12-2004 à 10:33:16
Bonjour tout le monde,
voila comme le dit le titre j ai une ligne CSS de ce type:
#menumoyen {
width:228px;
height:39px;
background:url('design/menumoyen.gif') repeat-y;
}
Et pis quand j 'ecris un truc dans le <div id="menumoyen"></div>, le background veut pas se repeter vers le bas sous Mozilla alors que ca marche super avec IE!
Quelqu'un a til une idee??