Accueil  | Internet | Informatique | Créer sa page perso | Glossaire | Menu | CSS
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