Besoin d'aide zone cliquable sur une image.

Besoin d'aide zone cliquable sur une image. - HTML/CSS - Programmation

Marsh Posté le 21-04-2007 à 15:58:36    

Bonjour à tous, j'ai besoin d'aide car là je bloque, je n'arrive pas à faire une zone cliquable sur une image, j'ai bien les coordonées de la zone à cliquer sur l'image et tout mais je ne trouve pas l'erreur dans mon code.
 
Si quelqu'un pouvais me dire où est mon erreur ce serait sympas.
 
 
 
 
 
 
 
<!DOCTYPE html PUBLIC "-//w3c//DTD
xhtml 1.0 Transitional//FR"
 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1_transitional.dtd">
 
<html wmlns="http://www.w3.org/
1999/xhtml">
 
<head>
<link rel="stylesheet" type="text/css"href="styles.css" />
 
 
<title>Accueil SECRETS-GUITAR.COM - Introduction</title>
 
<map name="entete" id="entete">  
 
<area shape="rect" coords="26,5,28,6" href="http://www.secrets-guitar.com/pages/index.php" alt="login"/>
</map>
 
 
<img src="Images/Entete.gif"  width="1024" height="178" border="0" alt="entete" usemap="#entete"/>

 
<div id="menu"><img src="Images/BoutonAccueil.gif"/><img src="Images/BoutonTheorie.gif"/><img src="Images/BoutonTechnique.gif"/>
<img src="Images/BoutonAccord.gif"/><img src="Images/BoutonGammes.gif"/><img src="Images/BoutonChansons.gif"/>
</div>
</head>
 
 
 
 
<body bgcolor="# 007fff">
 
 
 
<div id="fond"><img src="Images/Fond.gif" />
</div>
 
 
<div id="maj">
<h2> DERNIERES MISES  JOUR </h2>
 
 
<h4><img src="Images/Slide-base.jpg" align="middle" />
30/03/07 Technique, Slide, technique de base
<br />
 
<br /><img src="Images/pulling_off.jpg" align="middle" />
23/03/07 Théorie, Liaison Pulling-Off
 
<br />
<br /><img src="Images/Arpege 1-a1.jpg" align="middle" />
16/03/07 Technique, arpege de type A1 4° partie
 
<br />
<br /><img src="Images/Hammer-On.jpg" align="middle" />
09/03/07 Théorie, Liaison Hammer-On</h4>
</div>
 
</body>
</html>


Message édité par Punisher35 le 21-04-2007 à 16:30:08
Reply

Marsh Posté le 21-04-2007 à 15:58:36   

Reply

Marsh Posté le 21-04-2007 à 16:18:26    

et pourquoi tu créés pas un div en absolute positionné par raport à ton image et tu appliques un lien à ce div ? tu le dimensionnes à la taille de la zone qui t'intéresse !


Message édité par dartyduck le 21-04-2007 à 16:18:48

---------------
Nikon D7000 + 18-105VR + 35mm 1.8
Reply

Marsh Posté le 21-04-2007 à 16:21:54    

Car je débute tout juste en programmation :) et je connais pas encore toutes les ficelles du html.

Reply

Marsh Posté le 21-04-2007 à 16:54:49    

bon alors en gros, tu fais:
code html:

Code :
  1. <div id="entete">
  2. <img src="Images/Entete.gif"  width="1024" height="178" border="0" alt="entete" />
  3. <a href="http://www.secrets-guitar.com/pages/index.php" alt="login">
  4. <div id="zone"></div>
  5. </a>
  6. </div>


code css à mettre dans "styles.css":

Code :
  1. #zone {
  2. position: absolute;
  3. top: XXpx;
  4. left: XXpx;
  5. width: XXpx;
  6. height: XXpx;
  7. }


Message édité par dartyduck le 21-04-2007 à 16:56:12

---------------
Nikon D7000 + 18-105VR + 35mm 1.8
Reply

Marsh Posté le 21-04-2007 à 17:29:06    

Ok je te remercie je vais essayer ça.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed