|
 Accueil | Internet |
Informatique | Créer
sa page perso | Glossaire | Menu | CSS | Sonnerie portable
www.aidenet.com
|
C S S
Feuilles de style
|
background-repeat-y
image répétée verticalement
|
Page - 08ca
|
Répétition d'une image verticalement
Cette propriété "background-repeat-y"
permet de placer une image en fond de page qui va se reproduire suivant les
propriétés adoptées, et ici verticalement.
Valeurs
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
Code dans HEAD
</TITLE>
<style type="text/css">
body
{
font-family: arial, verdana, sans-serif ; font-size : 10pt
; color:black ;
background-image: url("aimages/v367.gif")
;
background-repeat: repeat-y ;
margin: 0cm 2mm 0cm 1cm ; ...
etc
}
</style>
Résultat
Il est sous vos yeux.
Très important
Pour compenser le manque de lisibilité à gauche de la page provoqué
par l'insertion de cette bande verticale, il faut décaler l'ensemble
du contenu vers la droite. Pour y parvenir j'ai utilisé une propriété
du CSS, "margin" qui sera vue plus tard :
margin: 0cm 2mm 0cm 1cm; ( à 2 mm du bord
droit de la page et 1 cm du bord gauche)
Un petit travail minutieux de mise en page s'impose avant de tranférer
votre fichier sur le Web.
Remarque
Pour le chemin d'accès de l'image qui se trouve dans votre répertoire
local attention : dans le code pas d'espace entre "url"
et la parenthèse qui suit et n'oubliez pas les guillemets ni les parenthèses.
Sommaire CSS
... @ ... Image fixe lors du défilement de page
Tous droits réservés
© 1997- 2006. www. aidenet.com
 
|
