Bannière de fond qui ne se réduit pas selon la taille de l'écran.
Seventi
{ Membre }
Messages : 36
Bonjour.
J'espère que vous pourrez m'aider, j'ai recherché de partout, ici et ailleurs je n'ai rien trouvé. Pour un forum source comme le mien, c'est vraiment une urgence.
# L'adresse de votre forum : http://www.kristenstewartfrance.com/forum.htm
# Explications du problème : Alors en faite, j'ai changé notre design hier soir, pour mon ordi comme d'hab tout va bien le header apparait en entier. Pour les écrans plus grand, comme toujours y a un coter du fond (de couleur) qui apparait à gauche. Mais pour les ordis plus petits, alors que normalement tout devrait être plus petit enfin c'est logique. Ben tout devient plus petit pour s'adapter à l'écran, sauf la bannière qui elle ne s'affiche pas en entier. Regardez mon forum au lieu de voir le "Kristen Stewart France" en noir de la bannière de fond, eux ils voient "Kristen S". Ma bannière de fond est de 1372x700 et la largeur du forum est de 70%.
# Le navigateur utilisé : Mozilla.
# Les codes ajoutés avant le problème : Il semblerait que c'est apparu directement dès que j'ai mis le design, pour certains. Comme juste avant j'avais modifié des templates et le css et vu que pour toutes les autres fois cela ne me l'avait jamais fait je suppose que ça vient de là donc : CSS
.traduction { background-image: url('https://2img.net/r/hpimg10/pics/860278jj19.jpg'); /*--- Image de la corbeille ---*/ background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/ background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/ background-color: #FEFEFE; /*--- Couleur de fond ---*/ border: 2px solid #737373; /*--- Taille, type et couleur de la bordure ---*/ color: #000000; /*--- Couleur du texte ---*/ font-size: 11px; padding-left: 155px; /*--- On espace la bordure gauche du texte de 55px ---*/ min-height: 70px; /*--- On donne une taille minimale de 60px au tableau ---*/ }
.aide { background-image: url('https://2img.net/r/hpimg10/pics/935632Sans_titre_2.png'); /*--- Image de la corbeille ---*/ background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/ background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/ background-color: #000000; /*--- Couleur de fond ---*/ border: 1px solid #FE0101; /*--- Taille, type et couleur de la bordure ---*/ color: #FEFEFE; /*--- Couleur du texte ---*/ font-size: 11px; padding-left: 158px; /*--- On espace la bordure gauche du texte de 55px ---*/ min-height: 70px; /*--- On donne une taille minimale de 60px au tableau ---*/ }
.reglement { background-image: url('https://2img.net/r/hpimg7/pics/788855Sans_titre_1.png'); /*--- Image de la corbeille ---*/ background-repeat: no-repeat; /*--- On ne fait apparaître l'image qu'une seule fois ---*/ background-position: center left; /*--- On positionne notre corbeille au milieu à gauche ---*/ background-color: #C0BFC0; /*--- Couleur de fond ---*/ border: 3px solid #FE0101; /*--- Taille, type et couleur de la bordure ---*/ color: #000000; /*--- Couleur du texte ---*/ font-size: 11px; padding-left: 155px; /*--- On espace la bordure gauche du texte de 55px ---*/ min-height: 70px; /*--- On donne une taille minimale de 60px au tableau ---*/ }
.ascenseur { position: fixed; /*--- Cette ligne permet de toujours afficher l'ascenseur à l'écran ---*/ top: 50px; /*--- On le place à 50 px du haut de l'écran ---*/ left: 0px; /*--- On le place à 0px de la gauche de l'écran ---*/ background-color: #000000; /*--- On donne une couleur au fond ---*/ -moz-border-radius: 0px 35px 35px 0px; /*--- On arrondit les bords ---*/ -webkit-border-radius: 0px 35px 35px 0px; border-radius: 0px 35px 35px 0px; }
PS : J'ai essayé de voir si cela ne venait pas du logo transparent en changeant la taille, il semble que non.
Dernière édition par Seventi le Dim 22 Aoû 2010, 16:31, édité 1 fois
Sujet: Bannière de fond qui ne se réduit pas selon la taille de l'écran. Lun 26 Juil 2010, 14:27
Luna Arcana
{ Membre }
Messages : 194
Essaye de mettre ce code :
Code:
body { background-position: center; background-position: top; }
Sujet: Re: Bannière de fond qui ne se réduit pas selon la taille de l'écran. Lun 26 Juil 2010, 15:29
Seventi
{ Membre }
Messages : 36
Merci, j'attends qu'un des membres en question se connecte pour savoir si cela change quelque chose. ^^
Sujet: Re: Bannière de fond qui ne se réduit pas selon la taille de l'écran. Mer 28 Juil 2010, 08:31
Ikø'
Pika'Ghøst ~ Maîtresse des pelles ~
Messages : 3193
Bonjour~
Le problème est-il toujours d’actualité?
Sujet: Re: Bannière de fond qui ne se réduit pas selon la taille de l'écran. Mar 03 Aoû 2010, 18:02
Seventi
{ Membre }
Messages : 36
Bonjour
Oui le problème est toujours d'actualité. Merci.
Sujet: Re: Bannière de fond qui ne se réduit pas selon la taille de l'écran. Lun 09 Aoû 2010, 15:23
Liliana
{ Membre actif }
Messages : 997
Bonjour,
Si je comprends bien; un grand écran voit la bannière en entier, avec l'écriture en entier; et les plus petites résolutions voient le texte coupé; c'est bien cela ?
En 1366*768; je vois ceci ; ici Et en 1024*768; je vois ceci ; ici
Mais ça, c'est normal xD Comme les écrans ne sont pas tous à la même taille, il est normal que les écrans les plus petits ne voient qu'un morceau de la bannière (vu qu'elle est très grande) On ne peut rien y faire; c'est un problème de résolution, pas de forum ou de code. Le seul moyen serait de refaire la bannière, en prenant soin de ne pas écrire trop sur la droite afin que tout le monde voit la même chose xD
A la limite, tu peux centrer la bannière au lieu de l'aligner sur la gauche; mais ça ne résoudra pas tellement le problème (puisque je pense que les membres ne verront plus tellement le texte en violet après xD) avec ce code :
Code:
body {background-position: top-center;}
Sujet: Re: Bannière de fond qui ne se réduit pas selon la taille de l'écran. Sam 14 Aoû 2010, 10:45
Seventi
{ Membre }
Messages : 36
xD, merci beaucoup pour tes explications . Je me disais bien aussi que sa venait des ordis mais je pensais qu'on aurait une barre "défilante" ? (comme celle sur le coter droit) mais en bas xD. Mais en faite je viens aussi de me rendre compte que le forum (catégorie etc..) sont centré mais la bannière est coupé.
Merci en tout cas.
Problème résolu .
Sujet: Re: Bannière de fond qui ne se réduit pas selon la taille de l'écran. Sam 14 Aoû 2010, 17:29
Contenu sponsorisé
Sujet: Re: Bannière de fond qui ne se réduit pas selon la taille de l'écran.
Bannière de fond qui ne se réduit pas selon la taille de l'écran.