Accueil > Forum > > > > demande d´aide sur image map....
 demande d´aide sur image map....
mardi 23 février 2010 à 17:36:27 |
demande d?aide sur image map....
pedrolorient
|
Bonjour,
Je construit mon site en ce moment. Une de mes pages (http://paintball.pedro.free.fr/27122009.html) contient des liens sur une images cliquable. Les liens ouvrent sur l´image voulue. Ce que je veux faire est que lors du passage de la souris sur le lien, l´image apparaisse en plus grand et lors du clic ouvrir l´image. Pour faire ça, là, je suis perdu. L´image cliquable à été réalisé avec the gimp. Pour vous, est ce possible ?! Je précise que je suis néophyte.
Merci pour vos réponses.
pedro |
|
mercredi 24 février 2010 à 11:40:07 |
Re : demande d?aide sur image map....
Smirneo
|
Salut,
prend ça colle le sous notepad++ ou autre execute et tu en comprendra le principe.
Pour afficher ton image en grand sur le clic ; dans <a href="#" class="info> il faut mettre l'adresse de ta nouvelle page dans href="xxx.html"
ou en javascript!!
bon dev.
Code HTML : <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" >
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
* {
font-size: 11px; /* on définit les propriétés de texte pour toutes les balises */
font-family: Tahoma, Verdana, Arial, serif;
}
a.info {
position: relative;
color: black;
text-decoration: none;
border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.info span {
display: none; /* on masque l'infobulle */
}
a.info:hover {
background: none; /* correction d'un bug IE */
z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
/* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
top: 30px; /* on positionne notre infobulle */
left: 20px;
background: white;
color: black;
padding: 3px;
/*
border: 1px solid green;
border-left: 4px solid green;*/
}
</style>
</head>
<body>
<p>Grâce au <a href="#" class="info"><img src=".\Coucher de soleil.jpg" width="150px" height="150px"/><span><img src=".\Coucher de soleil.jpg"/></span></a>
il est possible de créer des réseaux locaux sans fils à haut débit pour peu que la station à connecter ne soit pas trop distante par rapport au point d'accès. Dans la pratique le <a href="#" class="info">Wi-Fi<span>contraction de Wireless Fidelity</span></a> permet de relier des ordinateurs portables` des machines de bureau` des assistants personnels (<a href="#" class="info">PDA<span>Personal Digital Assistant</span></a>) ou tout type de périphérique à une liaison haut débit (11 Mbps ou supérieur) sur un rayon de plusieurs dizaines de mètres en intérieur (généralement entre une vingtaine et une cinquantaine de mètres) à plusieurs centaines de mètres en environnement ouvert.</p>
</body> |
|
Cette discussion est classée dans : aide, image, demande, map, pedro
 Répondre à ce message
 Sujets en rapport avec ce message
Demande d'aide [ par fouad ]
Je suis tombé sur le script qui suit,et je voudrais savoir le mot "selectioncours" correspond à quoi,svp;Autrement,j'ai besoin de votre aide pour réso
demande d'aide [ par bounn ]
Voila g fait un formulaire d'inscription pour mon site je souhaitrai que les personnes qui s'inscrivent puisse me joindre par ex: photo, son ... donc
demande d'aide [ par soussou ]
Bonjour,J'utilise un Datalist au quel j'ai ajouté un checkbox qui sera bien sûre répété pour chaque ligne.Je voudrai récupérer l'état de ce checkbox p
demande d'aide [ par soussou ]
Bonjour,j'ai créé un simple éditeur html comme celui utilisé lors de l'envoi de message dans ce forum et ceux utilisé lors de l'envoi de messages emai
demande d'aide pour une base de donnée (Administration) [ par somalien10 ]
salut tout le monde, je suis stagiaire dans une mairie et je dois faire une base de donnée sur les délibération du conseil municipale je cherche une p
Aide sur les Fenêtres Popup Images [ par motemape ]
Salut,Je voudrais generer une fenêtre Popup image donnant plus d'informations en cliquant sur chaque produit dans mon site.Suppose que j'ai plusieurs
Demande d'aide [ par c_ensias ]
Bonjour à tous,Je suis entrain de développer un moteur de recherche et je veux afficher les catégories et les sous catégories correspondantes. Alors d
demande d'aide [ par heaven_269 ]
salut j'ai une application avec asp.net et j'aimerai bien demarrer outlook avec cette application en cliquant sur un boutton .pouvez vous m'envoyer u
demande d'aide [ par kikodos23 ]
Bonjour, je suis kikodos je demande l'aide pour realiser mon appliication ,je veut realiser un DNS son principe est de realiser unsite web contient un
demande d'aide [ par kikodos23 ]
salut tous le mondej'ai créer mon propre site avec asp.net ,et je veut l'heberger avec IIS 5.0 ,mais lors d'execution des pages le navigateur affiche
 Livres en rapport
|
Derniers Blogs
 IMAGINE CUP 2012, MAKE A SIGN EN FINALEIMAGINE CUP 2012, MAKE A SIGN EN FINALE par junarnoalg
Voilà qui est fait, la nouvelle est officielle ! L'équipe belge "Make a Sign" va au pays des kangourous défendre son projet dans la catégorie Software Design. http://www.imaginecup.com/CompetitionsContent/Competition/WorldwideFinalists.aspx V...
Cliquez pour lire la suite de l'article par junarnoalg KINECT 1.5 IS OUT !KINECT 1.5 IS OUT ! par Vko
La version 1.5 du Kinect For Microsoft vient tout juste de sortir ! Plein de nouveautés: Tracking de squelette en Near Mode Détection en position assise Détection faciale avec un SDK dédié Documentation et des guideline (enfin) Un out...
Cliquez pour lire la suite de l'article par Vko LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) LES ACTUALITéS DE LA SEMAINE SUR C2I.FR (14 MAI - 20 MAI) par richardc
Mise à jour des Web API du 14 Mai
Réservez dès maintenant votre journée du 20 juin pour le Windows Azure Dev Camp 2012 à Paris
Mise à jour de Team Foundation Service
MechCommander 2 sur Windows 8
Entity Framework 5 Release Candidate e...
Cliquez pour lire la suite de l'article par richardc REACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITERREACTIVE EXTENSIONS : CONSOMMER DES SERVICES AVEC RX PARTIE 3, LES PIèGES à éVITER par Groc
Une mauvaise utilisation de rx lors de l'écriture d'une couche d'accès à des services peut conduire à des cas embarassants avec des erreurs mal gérées, des appels qui ne partent lorsqu'ils le devraient, et même des résultats incorrects . le tout nuis...
Cliquez pour lire la suite de l'article par Groc SHAREPOINT BLOG SITE, PROBLèME D'ARCHIVESSHAREPOINT BLOG SITE, PROBLèME D'ARCHIVES par junarnoalg
Dernièrement, nous avons migré le site
myTIC
vers un nouveau serveur SharePoint 2010. Dans les contenus que nous vouloins récupérer, nous avions un certain nombre de blogs.
Nous avons utilisé les commandes Power...
Cliquez pour lire la suite de l'article par junarnoalg
Logiciels
 sDEVIS-FACTURES vlPRO (8.1.0.3)SDEVIS-FACTURES VLPRO (8.1.0.3)sDEVIS-FACTURES vlPRO a été mis au point pour les particuliers, créateurs, entrepreneurs, artisa... Cliquez pour télécharger sDEVIS-FACTURES vlPRO 974 Application Server (12.2.4.6)974 APPLICATION SERVER (12.2.4.6)Développez de puissantes applications dans un environnement de 'cloud computing', clusterisé, séc... Cliquez pour télécharger 974 Application Server vPicture (1.4.2.1)VPICTURE (1.4.2.1)Avec vPicture, hébergez vos images facilement et rapidement.
vPicture est un utilitaire simple, ... Cliquez pour télécharger vPicture Easy-Planning (2.2.1.6)EASY-PLANNING (2.2.1.6)Easy-Planning permet de créer des plannings sous la représentation de diagrammes et est adapté au... Cliquez pour télécharger Easy-Planning COM-BACKUP (2.0)COM-BACKUP (2.0)
COM-BACKUP est un logiciel de sauvegarde qui permet de planifier les sauvegardes de vos dossiers ...
Cliquez pour télécharger COM-BACKUP
|