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
Internet explorer ne peut pas afficher page web [A l'aide !]
Materiel [Neuf]
Choix de l'objectif sur boitier reflex numerique [Appareils photos numériques]
Je ne parviens pas à afficher les sites nécessitan... [A l'aide !]
virus de windows security center et chin09.... com... [A l'aide !]
Problèmes avec Word: fichiers illisibles [Mac]
Petit problème d'affichage à résoudre à partir d'u... [HTML / CSS / Javascript]
Probleme Presario S3190fr [PC bureau]
Présentation de Pier [Présentez-vous]
Forum dédié à la téléphonie mobile [Autre]
Création d'un logo [Présentez-vous]
besoin d'aide sur une page de code merci [HTML / CSS / Javascript]
Petit problème d'affichage à résoudre à partir d'u... [HTML / CSS / Javascript]
Aide Implémentation CSS - recherche partenaire [HTML / CSS / Javascript]
les liens de la page ne fonctionnent pas [Internet]
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 Test QI - Test QI gratuit
Tous droits réservés © 1997-2008. www.aidenet.com