Bonjour, j'ai un petit probleme, je souhaite faire apparaitre une image lors du passge du pointeur sur un texte, ce probleme a déja été soulevé de nombreuses fois mais je ne trouve ma reponse dans aucun forum; j'ai essayé pas mal de trucs mais rien ne fonctionne comme je souhaite! si vous avez des propositions... merci d'avance.

SALUT fais le en CSS ! voila un exemple avec trois infobulle sur un lien , un texte , une image ! ca s adapte et ce modifis tres facilement <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> RAD ZONE Webcreation </title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta name="author" content="http://radservebeer.free.fr" /> <meta name="generator" content="PSPad editor, www.pspad.com" /> <style type="text/css"> /*<![CDATA[*/ body { background-color: #464646; font-size: 12px; font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif; color:#564b47; text-align: center; } #content { position:absolute; height:400px; width:800px; margin:-200px 0px 0px -400px; top: 50%; left: 50%; text-align: left; background-color: #fff; } p{ text-indent: 5px; margin: 5px;} /* DEBUT DU CSS POUR L infobulle */ em.infobulle { color: #c00; } em.infobulle b { display: none; } em.infobulle:hover { border: 0; position: relative; z-index: 500; } em.infobulle:hover b { display: block; position: absolute; top: 20px; left: 30px; filter: alpha(opacity=80); -moz-opacity: 0.80; opacity: 0.80; } a.infobulle b { display: none; } a.infobulle:hover { border: 0; position: relative; z-index: 500; } a.infobulle:hover b { display: block; position: absolute; top: 20px; left: 30px; } img { border: none ; } /*]]>*/ </style> </head> <body> <div id="content"> <p> Eu faucibus mauris. <a class="infobulle" href="#">LIEN AVEC infobulle CSS <b><img src= "img32.jpg" width="240" height="180" alt="img" /></b></a> . Lorem ipsum dolor sit amet consectetuer pede lacinia Duis Cum laoreet. Interdum Fusce Curabitur pede aliquet Nulla ut eros condimentum orci porttitor. Nunc. </p> <p> Lorem venenatis id et elit at augue quis vitae Curabitur fringilla. Elit et Curabitur Morbi Quisque Morbi vel Nam sodales ullamcorper sit. Eu faucibus mauris amet et tristique. </p> <p> SUR UNE IMAGE. <a class="infobulle" href="#"><img src="img32.jpg" width="48" height="36" alt="" /><b><img src="img32.jpg" alt="img" /></b></a> at augue quis vitae Curabitur fringilla. Elit et Curabitur Morbi Quisque Morbi vel Nam sodales ullamcorper sit. Eu faucibus mauris amet et tristique. </p> <p> Lorem venenatis id et elit . <em class="infobulle">SUR UN TEXTE <b><img src="img32.jpg" width="240" height="180" alt="img" /></b></em> consectetuer pede lacinia Duis Cum laoreet. Interdum Fusce Curabitur pede aliquet Nulla ut eros condimentum orci porttitor. Nunc. </p> <p> Lorem venenatis id et elit at augue quis vitae Curabitur fringilla. Elit et Curabitur Morbi Quisque Morbi vel Nam sodales ullamcorper sit. Eu faucibus mauris amet et tristique. </p> </div> </body> </html>

Ouvrir une image dans une pop-up - Page 2

Résolu

1
2

Réponse 21 / 22

jejeremiet Messages postés 31 Date d'inscription Statut Membre Dernière intervention 1

est-ce possible de ne pas avoir le cadre blanc?

écrire directement sur le fond...

Réponse 22 / 22

jejeremiet Messages postés 31 Date d'inscription Statut Membre Dernière intervention 1

ok c'est bon merci a tous pour vos réponses

1
2

Discussions similaires

Enlever ou désactiver le mode sécurisé Freebox

Retrouver l'image originale d'une photo modifiée

Comment lire un DVD avec un pop-up mobile external DVD-RW

Forum Webmastering

Trouvez des réponses à vos questions sur la création de sites web, le référencement et les meilleures pratiques pour gérer un site. Échangez avec d'autres webmasters passionnés pour améliorer vos compétences en ligne et optimiser vos projets de site web.

Newsletters

Actu du jour

Voir un exemple