html = image dans une area de map

html = image dans une area de map - Web design - Graphisme

Marsh Posté le 21-08-2007 à 15:39:56    

Dans une cellule, j'ai mis une image et j'ai délimité des zones à cliquer pour inserer des liens : un menu quoi.
J'aurai voulu savoir si il y avait moyen, de faire un effet à la onmouseover pour quand je pointe la souris vers une de ses zones une image se superpose à la grande mais uniquement dans la zone pointée. (Je sais pas si je suis tres comprehensible).
voila le code dans la cellule :
<td width="900"><map name="menu">
 <area href="#" shape="rect" coords="16,0,86,65">
 <area href="#" shape="rect" coords="96,0,166,65">
 <area href="#" shape="rect" coords="176,0,246,65">
 <area href="#" shape="rect" coords="256,0,326,65">
 <area href="#" shape="rect" coords="336,0,406,65">
 <area href="#" shape="rect" coords="416,0,486,65">
 <area href="#" shape="rect" coords="496,0,566,65">
 <area href="#" shape="rect" coords="576,0,646,65">
 <area href="#" shape="rect" coords="656,0,726,65">
 <area href="#" shape="rect" coords="736,0,806,65">
 <area href="#" shape="rect" coords="816,0,886,65">
 </map><img src="menu.png" usemap="menu" height="65" width="900">
</td>

Reply

Marsh Posté le 21-08-2007 à 15:39:56   

Reply

Marsh Posté le 21-08-2007 à 16:02:41    

non a mon avis sinon la map n'a plus aucun intéret.
Tu dois passer donc par un découpage classique de ton image générales


---------------
Studio CréeAll
Reply

Marsh Posté le 21-08-2007 à 16:45:33    

D'accord ! alors dans ce cas la je vais créer créer 11 cellules au lieu de délimiter 11 area. Mais j'arrive pas trop a gérer les colspan dans mes tableaux :
 
<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%">
 <tr>
  <td width="100%" height="10"></td>
 </tr>
 <tr>
  <td>
   <table align="center" border="1" cellpadding="0" cellspacing="0" width="900">
    <tr>
     <td width="900" height="130"><img src="header.png" height="130" width="900"></td>
    </tr>
    <tr>
     <td width="100%" height="25"></td>
    </tr>
    <tr>

     ici je veux créer 11 colonnes, comment faire ???
   </tr>
   </table>
  </td>
 </tr>
</table>

Reply

Marsh Posté le 22-08-2007 à 00:48:30    

Tu recrés un autre tableau dans ce td.
Mais bon j'ai aussi l'impression que tu vas dans le mur pour pas grand chose, on peut voir l'oeuvre d'art ?


---------------
Studio CréeAll
Reply

Marsh Posté le 22-08-2007 à 12:46:56    

C'est pas encore en ligne !!
Ca n'a rien à voir mais vu que j'utilise des tableaux pour mettre en page mon site, si je veux faire un tableau avec les coutours apparents. Comment il faut que je gere les class pour le css ??
Exemple :
 
<table>
 <tr>
  <td></td>
  <td></td>
 </tr>
</table>
 
<table class="tableau">
 <tr>
  <td></td>
  <td></td>
 </tr>
</table>

 
Voila, j'ai ca sur la meme page par exemple et je veux appliquer les styles du css juste au deuxieme qui sera apparent car il ne fait pas parti de la structure.
J'ai bien compris comment faire les contours du tableaux mais pas pour les cellules mis a part la solution barbare de leur mettre à toutes une class, j'imagine qu'il y a une autre solution.
Merci d'avance !
 
Siriru
 

Reply

Marsh Posté le 22-08-2007 à 13:20:20    

TABLE.tableau TD{border:1px solid black;}


Message édité par Lactique le 22-08-2007 à 13:20:36

---------------
Studio CréeAll
Reply

Marsh Posté le 22-08-2007 à 16:37:58    

Merci beaucoup !!

Reply

Sujets relatifs:

Leave a Replay

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