Aidenet.com  Aide informatique et nouvelles technologies
Accueil Télécharger
Actualités Boutique
Dossiers Forum
Encyclopédie Annuaire
 Créer son site
 
Accueil / Sommaire
CSS : tutoriel complet
Javascript : tutoriel
Réferencement
Les images
Les tableaux
Créer son blog
Couleur Héxa
 Internet
Accueil / Sommaire
 Informatique
Accueil / Sommaire
 Photo numérique
Accueil / Sommaire
 Logiciels
Windows XP
Skype
Claris Home Page
FTP Expert
Filezilla
Cute FTP
WinZip
 Aide
Index du site
Plan du site
Dico Anglais / FR.
Vocabulaire info.
Glossaire
Tags HTML
Liste extensions
Vocabulaire SMS
 Partenaires

  aide gratuite page perso Accueil  | Internet | Informatique | Créer sa page persoGlossaireMenu | CSS  |  Sonnerie portable
www.aidenet.com

 

CSS
Feuilles de style
background-attachment
et ses valeur : scroll et fixed

Page - 08d  www.aidenet.com

 background-repeat en css

Background-attachment

avec répétition ou pas d'une image d'arrière-plan

Cette propriété "background-attachment" permet de définir si une image reste fixe ou suit le mouvement de la page lors du scroll, et aussi suivant les valeurs adoptées de répétition ou non-répétition

scroll L'image défile avec la page. Paramètre par défaut.

* fixed
L'image reste fixe à son emplacement lors du défilement de la page.

repeat
L'image d'arrière-plan se répète à la fois horizontalement et verticalement.

* no-repeat L'image d'arrière-plan n'est affichée qu'une seule fois.

repeat-x

L'image d'arrière-plan ne se répète qu'horizontalement.

repeat-y
L'image d'arrière-plan ne se répète que verticalement.

* dans cette page

 

Avec la valeur "repeat" l'image se répéte horizontalement et verticalement, et si elle est plus petite que la dimension de la page, forme un genre de damier.

 

Code dans HEAD pour la valeur "no-repeat"

body {
background-image: url("aimages/v368.gif") ;
background-repeat: no-repeat ;
background-attachment: fixed ;
etc.... }

 

Résultat

Il est sous vos yeux... en haut de page à gauche, l'image reste fixe... et naturellement vous pouvez en fixer la position dans la page avec background-position: center; par exemple.

 

Remarque

dans le code n'oubliez pas les guillemets ni les parenthèses et pas d'espace entre "url" et la parenthèse qui suit.

 

Sommaire CSS ... @ ... "background-attachment" y

 retour css

Tous droits réservés © 1997- 2006. www. aidenet.com

 

validateur HTML  validateur CSS
DERNIERS MESSAGES DU FORUM
Où sont passés les quémandeurs ??? [HTML / CSS / Javascript]
Un autre problème [HTML / CSS / Javascript]
Problème de container et div ! [HTML / CSS / Javascript]
Nous avons une base de données de pièces auto de 2... [Autre]
mauvaise partition formatée [Présentez-vous]
Impossible d'ouvrir le fichier du dictionnaire pri... [HTML / CSS / Javascript]
Commodo du clignotant et essuie glace de 307 [Matériel]
Commodo du clignotant et essuie glace de 307 [Matériel]
Commodo du clignotant et essuie glace de 307 [Matériel]
Commodo du clignotant et essuie glace de 307 [Matériel]
Commodo du clignotant et essuie glace de 307 [Matériel]
aide pour cration de site - attention je suis nul... [HTML / CSS / Javascript]
aide probleme avec ma page d'accueil [HTML / CSS / Javascript]
Fichier CSS externe pour définir html [HTML / CSS / Javascript]
Création d'une zone cliquable sur une image [HTML / CSS / Javascript]
Tous les messages ici...
Toshiba Satellite A200-214
590 € Details
Apple iPhone
369 € Details
Airis PDA T620
195 € Details
 



Partenaires : Youpil |  DivertissonsNous |  Annuaire blog |  Live Messenger |  Logiciels photo |  Hébergeur d'images |  Meuble TV |  Videosduweb |  Blog Webmaster |  PSP |  Sorties cinéma
Tous droits réservés © 1997-2008. www.aidenet.com     Edité par FAPROD