begin process at 2012 05 31 00:17:03
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Archive PHP

 > 

Archives

 > 

Trucs et astuces

 > 

inserer image dans info-bulles ?


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

inserer image dans info-bulles ?

samedi 22 avril 2006 à 00:56:30 | inserer image dans info-bulles ?

elidris

Bonjour à tous,
petite question :
j'aimerais savoir si il est possible d'inserer une image dans une info-bulle ?

merci.

"La vie, c'est pour la vie..."
http://proverbe.intoxmatique.com
samedi 22 avril 2006 à 07:30:42 | Re : inserer image dans info-bulles ?

Anthomicro

Réponse acceptée !
Salut,

non, il faut passer par ton propre système d'info-bulles (en JS ou en CSS, d'ailleurs un système en CSS serait pas mal du tout à mon avis)

a +


    samedi 22 avril 2006 à 11:30:05 | Re : inserer image dans info-bulles ?

    elidris

    Merci pour ta réponse Anthomicro , je n'ai pas encore approfondie la partie CSS dans mes connaissances, je vais donc m'y mettre immediatement et puis si j'arrive a faire ce que je veux c'est à dire inserer des images et peut-etre des liens dans les info-bulles, peut-etre meme regler le temps d'affichage de l'info-bulles etc...je vous tiens au courant.....

    à bientot.

    "La vie, c'est pour la vie..."
    http://proverbe.intoxmatique.com
    samedi 22 avril 2006 à 13:41:35 | Re : inserer image dans info-bulles ?

    elidris

    Excellent, voici la solution en css :

    <style>
    a.bulle span{
    display: none;
    }

    a.bulle:hover{
    background: none; /*contournement bug IE*/
    }

    a.bulle:hover span{
    display: inline;
    position: absolute;
    background: #EDA1E9;
    text-align: top;
    text-decoration: none;
    color: black;
    padding: 0.2em;
    BORDER-RIGHT: #7BA2FD 1px solid;
    BORDER-TOP: #7BA2FD 1px solid;
    BORDER-LEFT: #7BA2FD 1px solid;
    BORDER-BOTTOM: #7BA2FD 1px solid;
    }
    </style>

    <a class="bulle" href="lien.html">Test<span>Profil de<br>Marrodeur :<br><img src="marrodeur.jpg"/></span></a>


    "La vie, c'est pour la vie..."
    http://proverbe.intoxmatique.com

    samedi 22 avril 2006 à 15:53:05 | Re : inserer image dans info-bulles ?

    elidris

    petit exemple pour le fun :

    [ Lien ] [ Lien ]

    samedi 22 avril 2006 à 19:34:38 | Re : inserer image dans info-bulles ?

    Anthomicro

    tout ça :
    BORDER-RIGHT: #7BA2FD 1px solid;
    BORDER-TOP: #7BA2FD 1px solid;
    BORDER-LEFT: #7BA2FD 1px solid;
    BORDER-BOTTOM: #7BA2FD 1px solid;

    tu peux le remplacer par border:1px solid #7BA2D;

    ;-)

    Sinon ça rend bien en effet :-)


      samedi 22 avril 2006 à 19:35:17 | Re : inserer image dans info-bulles ?

      Anthomicro

      2FD et pas 2D dans la couleur, enfin je pense que tu auras vu l'erreur


        dimanche 23 avril 2006 à 01:22:42 | Re : inserer image dans info-bulles ?

        elidris

        a oui exacte, mais pour l'exemple c'est mieux de tout mettre comme ça on connais les options border-right,left....que moi je ne connaissais pas, mais pour mon exemple c'est vrai que border:1px solid #7BA2FD;
        suffisait ;)


        "La vie, c'est pour la vie..."
        http://proverbe.intoxmatique.com



        Cette discussion est classée dans : image, inserer, info, bulles, vie


        Répondre à ce message

        Sujets en rapport avec ce message

        Problème d'envoie d'image [ par lock07 ] Salut à tous, j'ai un probleme pour l'envoie d'un jpgj'utilise un formulaire qui permet de sélectionner un fichier sur son disque dur et je dois vérif passement de données [ par JohnInsane ] Bonjour, voila j'ai une liste déroulante avec laquelle je peux choisir des catégories et afficher les photos et les descriptions de ces même catégori probleme passement de donnes avec <a href="javascript:document.form.submit();"> [ par JohnInsane ] Bonjour à tous, Voila mon probleme, j'ai une liste d'image dans un formulaire avec un lien en dessous pour consulter les détails de la photo, le prob Info sur les images [ par framic ] Bonjour, J'ai créé un formulaire qui permet d'enregistrer des url d'images dans ma bdd mais j'aimerais que lorsque cette image est enregistré il nreg Bulle d'info [ par refkaben ] Bonjour à tous,J'ai dans mon site, des liens sous forme d'image, je veux ajouter des bulles d'informations: dès que l'utilisateur mais la souris au de Du php dans du javascript [ par piep14 ] Bonjour tout le monde,J'ai une fonction javascript de ce type :function insertMarker(point,info,info2,icone) {    var icon = new GIcon();    icon.imag inserer image [ par ahlemlo ] bonjour ,je fais une requête d'insertion dans laquelle  il est optionnel d'insertion une image cad ce n'est pas obligatoire de l'insere l'image.ma pro Ajouter info dans le binaire d'une image [ par josh666 ] Bonjour a tous ! J'aimerais savoir s'il est possible dajouter des infos au début d'un fichier images(binaire) , sans que cela la corrompe... c'Est a d inserer une image dans un fichier Word en php [ par florentklein ] Bonjour, je fais un logiciel en PHP/ mySQL et je voudrais générer automatiquement un fichier Word qui contiendrait un rapport contenant des données Récuperation d'un tag IPTC d'une image avec php [ par dikembe ] dikembeBonjour à tous je désirerais récupérer les tags IPTC d'une image jpg à l'aide d'un script php.J'ai trouvé ce script sur le net qui assez ludiqu


        Nos sponsors


        Sondage...

        CalendriCode

        Mai 2012
        LMMJVSD
         123456
        78910111213
        14151617181920
        21222324252627
        28293031   

        Consulter la suite du CalendriCode

        A découvrir



         
        Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
        CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
        CodeS-SourceS.com© est une marque déposée tous droits réservés

        Google Coop CodeS-SourceS Google Coop CodeS-SourceS
        Temps d'éxécution de la page : 0,281 sec (4)

        Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales