IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Mise en page CSS Discussion :

Mon image qui suit la scrollbar


Sujet :

CSS

  1. #1
    Nouveau Candidat au Club
    Profil pro
    Inscrit en
    juillet 2009
    Messages
    5
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : juillet 2009
    Messages : 5
    Points : 1
    Points
    1
    Par défaut Mon image qui suit la scrollbar
    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!!

  2. #2
    FoxLeRenard
    Invité(e)
    Par défaut
    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

  3. #3
    Nouveau Candidat au Club
    Profil pro
    Inscrit en
    juillet 2009
    Messages
    5
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : juillet 2009
    Messages : 5
    Points : 1
    Points
    1
    Par défaut
    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!
    Fichiers attachés Fichiers attachés

  4. #4
    FoxLeRenard
    Invité(e)
    Par défaut
    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;
    }

  5. #5
    Nouveau Candidat au Club
    Profil pro
    Inscrit en
    juillet 2009
    Messages
    5
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : juillet 2009
    Messages : 5
    Points : 1
    Points
    1
    Par défaut
    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

  6. #6
    FoxLeRenard
    Invité(e)
    Par défaut
    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 !

  7. #7
    Nouveau Candidat au Club
    Profil pro
    Inscrit en
    juillet 2009
    Messages
    5
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : juillet 2009
    Messages : 5
    Points : 1
    Points
    1
    Par défaut
    J'ai pas très bien compris!!
    Pouvez vous m'expliquer un peu plus
    Merci beaucoup

  8. #8
    FoxLeRenard
    Invité(e)
    Par défaut
    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

  9. #9
    Nouveau Candidat au Club
    Profil pro
    Inscrit en
    juillet 2009
    Messages
    5
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : juillet 2009
    Messages : 5
    Points : 1
    Points
    1
    Par défaut
    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

Discussions similaires

  1. Une image qui suit le doigt
    Par Seb-C89 dans le forum Android
    Réponses: 6
    Dernier message: 05/07/2012, 14h50
  2. MouseDragged PaintComponent. Image qui suit la souris
    Par BaptisteTienko dans le forum Débuter
    Réponses: 8
    Dernier message: 03/07/2009, 13h39
  3. Réponses: 6
    Dernier message: 07/04/2009, 12h52
  4. image qui suit la barre de defilement
    Par sc62290 dans le forum Général JavaScript
    Réponses: 1
    Dernier message: 29/01/2009, 09h39
  5. menu qui suit la scrollbar
    Par Mangacker dans le forum Mise en page CSS
    Réponses: 1
    Dernier message: 22/05/2007, 08h51

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo