Precedent Suivant Suivez ce TOPO en plein écran Retour au menu
que l'on écrive en VB Script
Sub Window_onLoad()
   w.style.backgroundRepeat= "no-repeat"
   w.style.backgroundPosition= "0% 100%"
   w.style.MarginRight= "150px"
End Sub
 Ou en HTML
<STYLE>body {background-attachment: fixed; background-repeat: no-repeat; background-position: 0% 100%; margin-right:150px}</STYLE>
Le résultat est identique
 étudions donc en particulier les actions des trois paramétres
background-repeat: no-repeat
background-position: 0% 100%
Margin-right= "150px"
Mais rappelez vous votre scolaritée Mais oui la fenétre windows a trois dimentions selon les axes X Y et Z (pour la profondeur) alors j'ai tout compris,pour background-repeat:
 background-repeat:no-repeat = pas de répétition
 background-repeat:repeat-x = répétition axe des x
 background-repeat:repeat-y = répétition axe des y
 Pour repeat-z déterminant la profondeur ou superposition des plans on en reparle avec Bernard bientot
Voici le resultat de
background-repeat:"Repeat"  (repeat veut dire repeat en x ET y)
background-position: 0% 50%
MAIS OUI SCROLL COMPLET MAIS A PARTIR DE 50% du Top (haut)
Voici le resultat de
background-repeat:"Repeat"
background-position: 60% 60%
 (% de la droite et % du haut)
MAIS OUI c'est simple le scroll a partir de 60% du haut et de la gauche par rapport a la taille de l'ecran de l'utilisateur !
Voici le resultat de
background-repeat:"Repeat-x"
background-position: 60% 60%
MAIS OUI un scroll dont la 1er image est en 60% 60% uniquement sur l'axe X
Voici le resultat de
background-repeat:"Repeat-y"
background-position: 60% 60%
MAIS OUI un scroll dont la 1er image est en 60% 60% uniquement sur l'axe Y
Voici le resultat de
background-repeat:"Repeat-x"
background-position: 0% 100%
Donc toute la ligne du bas
Voici le resultat de
background-repeat:"Repeat-y"
background-position: 100% 0%
Donc toute la colone a droite
Voici le resultat de
background-repeat:"Repeat-y"
background-position: 0% 10%
Donc toute la colone a gauche (heu!!) en laissant 10% pour nos boutons....
Voici le resultat de
background-repeat:"Repeat-x"
background-position: 0% 10%
Donc toute la ligne du haut juste en dessous des boutons
Voici le resultat de
background-repeat:"no-repeat"
background-position:100% 100%
Vous avez compris quand vous etes en "no-repeat" c'est limage unique il n'y a plus qu'a la balader ici 100% 100% nous sommes a gauche et en bas
Voici le resultat de
background-repeat:"repeat"
background-position:0% 10%
VOILA A+ de Bernard et JP