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

HTML Discussion :

affichage flottant ...


Sujet :

HTML

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre très actif
    Profil pro
    Inscrit en
    Février 2006
    Messages
    235
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Février 2006
    Messages : 235
    Par défaut affichage flottant ...
    Bonjour,

    je desire à certains moment dans mes pages web pouvoir afficher un petit message de ce style que l'on retrouve dans Gmail
    (loading sur fond rouge)

    je me rappel avoir trouvé quelque chose de similaire sur ce forum mais je le retrouve plus j'espere que quelqu'un à des souvenirs de cela ou bien qu'il sait comment on fait cela ?
    merci pour votre aide !

  2. #2
    Membre très actif
    Profil pro
    Inscrit en
    Février 2006
    Messages
    235
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Février 2006
    Messages : 235
    Par défaut
    cool j'ai trouver comment on fait je poste la solution car cela doit surement interesser d'autres personnes
    code CSS
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
     
    body 
    {
        margin:0 0 0 0;
    }
     
    #flotant
    {
        width: 60px;
        height: 20px;
        float: right;
        background-color: #CC4444;
        color: White;
        position: static;
        font-size: 10pt;
        font-family: Arial;
        padding-left: 3px;
    }

    code HTML
    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
        <div id="flotant">
            Loading...
        </div>
     
        <input type="button" value="montrer" onclick="document.all.flotant.style.visibility = 'visible';" />
        <input type="button" value="cacher" onclick="document.all.flotant.style.visibility = 'hidden';" />
    Voilà c'est pas plus compliquer que ca !

  3. #3
    Membre du Club
    Profil pro
    Inscrit en
    Novembre 2005
    Messages
    10
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2005
    Messages : 10
    Par défaut
    Tout est joué sur la propriété position: static; non ?

    En tout cas merci pour l'information sa peut etre utile

  4. #4
    Membre très actif
    Profil pro
    Inscrit en
    Février 2006
    Messages
    235
    Détails du profil
    Informations personnelles :
    Localisation : Belgique

    Informations forums :
    Inscription : Février 2006
    Messages : 235
    Par défaut
    oui c'est bien cela et la propieté float: right; de manier a ce que ce soit à droit de la page
    Content que cela ai interessé d'autre personne que moi

    Cela va m'etre tres utile lors des mes fonctions AJAX 8)

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Réponses: 15
    Dernier message: 01/11/2011, 00h12
  2. affichage précis de flottants
    Par sorry60 dans le forum C
    Réponses: 5
    Dernier message: 09/07/2009, 09h42
  3. div flottant : navigateurs avec bugs d'affichage
    Par php_de_travers dans le forum Mise en page CSS
    Réponses: 8
    Dernier message: 16/05/2007, 15h59
  4. affichage zone flottante sur onmouseover
    Par kahya dans le forum Général JavaScript
    Réponses: 2
    Dernier message: 19/06/2006, 14h13
  5. Bug d'affichage sur un élément flottant
    Par Sayrus dans le forum Balisage (X)HTML et validation W3C
    Réponses: 1
    Dernier message: 24/12/2005, 02h28

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