FAQ - liste de questions sur OverBlog
Paramètres du fond d'écran
La procédure décrite ci-dessus définit un fond avec les paramètres par défaut: votre image sera répétée horizontalement et verticalement pour remplir tout le fond de l'écran. Si votre page est plus grande que l'écran, l'utilisation des ascenseurs fera aussi défiler votre fond d'écran.
Vous pouvez modifier ces paramètres en ajoutant des attributs supplémentaires :
Pour la répétition de l'image: (attribut background-repeat)
>> repeat : Répète l'image horizontalement et verticalement (comportement par défaut)
>> repeat-x : Répète l'image horizontalement
>> repeat-y : Répète l'image verticalement
>> no-repeat : Ne répète pas l'image
Exemple: body {...; background-repeat: repeat-x;...}
Pour le positionnement du fond: (attribut background-position)
>> top : Alignement de l'image avec le haut de la fenêtre
>> center : Alignement de l'image au centre de la fenêtre
>> bottom : Alignement de l'image avec le bas de la fenêtre
>> left : Alignement de l'image avec la gauche de la fenêtre
>> right : Alignement de l'image avec la droite de la fenêtre
Exemple: body {...; background-position: top left;...}
Défilement du fond: (attribut background-attachment)
>> scroll : L'image défile avec la page
>> fixed : L'image est fixe losque la page défile.
La procédure décrite ci-dessus définit un fond avec les paramètres par défaut: votre image sera répétée horizontalement et verticalement pour remplir tout le fond de l'écran. Si votre page est plus grande que l'écran, l'utilisation des ascenseurs fera aussi défiler votre fond d'écran.
Vous pouvez modifier ces paramètres en ajoutant des attributs supplémentaires :
Pour la répétition de l'image: (attribut background-repeat)
>> repeat : Répète l'image horizontalement et verticalement (comportement par défaut)
>> repeat-x : Répète l'image horizontalement
>> repeat-y : Répète l'image verticalement
>> no-repeat : Ne répète pas l'image
Exemple: body {...; background-repeat: repeat-x;...}
Pour le positionnement du fond: (attribut background-position)
>> top : Alignement de l'image avec le haut de la fenêtre
>> center : Alignement de l'image au centre de la fenêtre
>> bottom : Alignement de l'image avec le bas de la fenêtre
>> left : Alignement de l'image avec la gauche de la fenêtre
>> right : Alignement de l'image avec la droite de la fenêtre
Exemple: body {...; background-position: top left;...}
Défilement du fond: (attribut background-attachment)
>> scroll : L'image défile avec la page
>> fixed : L'image est fixe losque la page défile.
Dim 3 jui 2005
62 commentaires
j'ai un tit prob qui menerve un peu lol... J'ai mis un fond d'écran ce qui veu dir que la ligne body est prise.. Et maintenant je sai pas ou metre les truc pour ke le fon soit fixe et que ce soit le texte ou les article qui bougent
SVP aidé moi... merci d'avance
SVP aidé moi... merci d'avance
loupiloul - le 27/08/2005 à 17h53
sur la meme ligne...
dans ton cas:
background-position: top left; background-repeat: fixed;
dans ton cas:
background-position: top left; background-repeat: fixed;
Fabrice - le 27/08/2005 à 20h17
mais ca marche pas :'(
loupiloul - le 04/09/2005 à 10h35
La fatigue m'a fait dire des bêtises ;)
Il fallait lire:
background-attachment: fixed;
Il fallait lire:
background-attachment: fixed;
Fabrice - le 04/09/2005 à 12h44
merci c'est super sympas de ta part de m'aider... Mais ca marche tjs pas... En plus mtn le fond est plus là...
Soit c'est moi ki suis totalement nule ou alors c'est toi qui a un gros coup de fatigue lol
Chez moi ca donne sa:
body { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;color:#00000;background-image: url(http://3lacsesv.cstrois-lacs.qc.ca/Pédagogie/Programme_AET/fond-stage.jpg); background-position: top left; background-attachment: fixed; }
il y a le fond d'écran et le truc que tu m'as donné... j'ai mis comme jpensai etre juste mais j'sai pas si c'est le cas...
Soit c'est moi ki suis totalement nule ou alors c'est toi qui a un gros coup de fatigue lol
Chez moi ca donne sa:
body { margin:0px; font-family: Verdana, Helvetica, Arial, sans-serif; font-size:x-small;color:#00000;background-image: url(http://3lacsesv.cstrois-lacs.qc.ca/Pédagogie/Programme_AET/fond-stage.jpg); background-position: top left; background-attachment: fixed; }
il y a le fond d'écran et le truc que tu m'as donné... j'ai mis comme jpensai etre juste mais j'sai pas si c'est le cas...
loupiloul - le 07/09/2005 à 15h41
loupilou> l'image n'est pas là apparement ;)
Fabrice - le 07/09/2005 à 15h51
avant elle était là... j'y pige ke dale... j'ai réussi a metre un fond d'écran et mtn je voudrai kil reste fixe et ke ce soi le texte qui bouge... mais apparament c pas si facile :'(
loupiloul - le 07/09/2005 à 16h02
le plus facile reste de faire:
background: url(http://....jpg) top left fixed;
background: url(http://....jpg) top left fixed;
Fabrice - le 07/09/2005 à 16h22
merci bcp d'avoir eu la patience d'essayé de m'aidé... mais ca marche pas... je laisse tombé lol c'est pas si important merci bcp bcp bcp bcp
loupiloul - le 11/09/2005 à 17h21
Gilbert