Quoi de neuf ?

www.quoi29.fr.st

Contact | Forum | Liens

HTML

Indispensables

Mise en forme
Polices
Liens hypertextes
Images
Formulaires

Approfondir

1ère page
Lignes horizon.
Code couleurs
Meta tags
Le reste

CSS

Intro CSS
Liens
Mise en forme
Tableaux
Listes
Formulaires
Arrière plan
Scroller
Le reste

JAVASCRIPTS

+ Navigation
+ Temps
+ Visiteurs
+ Images
+ Divers
+ Introduction:

>>  Insérer une image en arrière plan avec le CSS: BACKGROUND-IMAGE: URL(image.jpg).
En principe, les images d'arrière plan sont répétées pour combler tout l'écran. L'attribut BACKGROUND-REPEAT permet de piloter les répétitions.
Voici les valeurs possibles de cet attribut:

  • REPEAT-X Uniquement répétition horizontale.
  • REPEAT-Y Uniquement répétition verticale.
  • NO-REPEAT Pas de répétition.

>> Ainsi vous pourrez, par exemple, insérer votre logo en arrière plan. 
Vous pouvez bien-sûr laissez l'image pour une couleur grâce à l'attribut BACKGROUND-COLOR.


+ Définition d'un arrière-plan fixe:

>> L'arrière plan peut aussi être installé de manière fixe, avec BACKGROUND-ATTACHMENT.
Voici ses valeurs:

  • SCROLL L'image défile avec la page.
  • FIXED L'image est figée, elle ne défile pas avec la page. Cette fonction n'est pas prise en compte par Netscape Navigator.

>> Par défaut, cet attribut à la valeur SCROLL.

>> Exemple:
<STYLE TYPE="TEXT/CSS">
BODY {BACKGROUND-IMAGE: URL(image.jpg); BACKGROUND-REPEAT: NO-REPEAT; BACKGROUND-ATTACHMENT: FIXED}
</STYLE>
On a fixé dans BODY une image qui reste soudée dans le coin supérieur gauche.

+ Positionnement de l'arrière-plan:

>>  BACKGROUND-POSITION permet un positionnement exact de l'image d'arrière plan. En voici la syntaxe: BACKGROUND-POSITION: [valeur] ou [TOP ou CENTER ou BOTTOM] ou [LEFT ou CENTER ou RIGHT].

>> En principe, cet attribut est définit par deux valeurs déterminant la position horizontale et verticale de l'image d'arrière plan. Par défaut la valeur est 0%0%.
Exemple: BACKGROUND-POSITION: LEFT TOP, votre arrière plan sera donc en haut à gauche de votre page.

+ NOTE: BACKGROUND permet de combiner différents attributs individuels.
L'exemple parle de lui-même: 
<STYLE TYPE="TEXT/CSS">
BODY {BACKGROUND: black URL(image.jpg) NO-REPEAT BOTTOM RIGHT)
</STYLE>


Ressources

 

PHP

 

Erreur 404

 

Construire une page ensemble

 

Partenaires

 Votre Site Ici  
 Votre Site Ici  
 Votre Site Ici