Mon image qui suit la scrollbar

**crosby** · 15/07/2009, 20h23

Bonjour je suis entrain de créer un site internet!
Dans celui ci je veux que le singe suive la scrollbar. J'ai pris votre tuto sur le site mais j'ai trois soucis!!
1er :
c'est le sings est par dessus l'image de la semaine, je préférerais qu'il soit transparent! Comment faire?
http://img269.imageshack.us/img269/759/monkey2l.jpg

2ème :
j'aimerai que le singe ne sorte pas du cadre en bas:
http://img40.imageshack.us/img40/7379/monkey3j.jpg

3ème :
le dernier sur ie il s'affiche mal et ne descend pas!!
http://img22.imageshack.us/img22/2603/monkey4z.jpg

Voila merci d'avance pour votre aide!!

FoxLeRenard · 16/07/2009, 00h54

Il est indispensable d'avoir ton code html, ainsi que ta feuille de style.
Si tu utilises du Javascript mets le ici.

Bien sur le plus simple serait ton adresse de site web

**crosby** · 16/07/2009, 12h01

Merci pour votre aide!!
Voila j'ai mis les liens pour le fichier css et html!!
Le site n'est pas encore en ligne c'est toujours l'ancien!

FoxLeRenard · 18/07/2009, 12h06

En premier sort le DIV de tout autres et mets le juste derriére le body

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
 
 
<body>
<div class="fixe"><img src="xxxxxxxxxxxxxxxx"  alt=""/></div>

pour le style c'est tout faux prends ceci
(ne mets rien d'autre pour ce style

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
.fixe {
   position : fixed;
  top: 300px;
  left:150px;
}

**crosby** · 18/07/2009, 12h14

Quand je met le code juste en dessous de body le singe se trouve derriere :
http://img269.imageshack.us/img269/1766/monkey5.jpg
merci pour votre aide

FoxLeRenard · 18/07/2009, 12h22

Il faut rajouter au DIV et a l'image un style avec un z-index plus fort
ou essayer de mettre le dIV tout en bas les couches Z étant je crois
dans l'ordre du html !

**crosby** · 18/07/2009, 12h53

J'ai pas très bien compris!!
Pouvez vous m'expliquer un peu plus

Merci beaucoup

FoxLeRenard · 18/07/2009, 13h15

il faut ajouter

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
 
.fixe {
  position : fixed;
  top: 300px;
  left:150px;
  z-index: 15
} 
.limg {
  z-index: 15
}

la 3D des pages web c' est
X left
Y top
Z z-index

**crosby** · 18/07/2009, 13h52

je rajoute ce code ou?

je suis nul désolé

Bon je laisse tomber pour la page d'accueil!!
Mais j'aimerai juste pour les autres rubriques que le singe s'arrête et qu'il ne sorte pas du cadre :
http://img40.imageshack.us/img40/7379/monkey3j.jpg

Mon image qui suit la scrollbar

CSS

Discussions similaires

Partager

Partager