Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
1204 connectés 

  FORUM HardWare.fr
  Graphisme
  Web design

  html = image dans une area de map

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

html = image dans une area de map

n°972554
siriru
Posté le 21-08-2007 à 15:39:56  profilanswer
 

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>

mood
Publicité
Posté le 21-08-2007 à 15:39:56  profilanswer
 

n°972559
Lactique
Caraïbe et huile de coco
Posté le 21-08-2007 à 16:02:41  profilanswer
 

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
n°972574
siriru
Posté le 21-08-2007 à 16:45:33  profilanswer
 

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>

n°972631
Lactique
Caraïbe et huile de coco
Posté le 22-08-2007 à 00:48:30  profilanswer
 

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
n°972673
siriru
Posté le 22-08-2007 à 12:46:56  profilanswer
 

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
 

n°972680
Lactique
Caraïbe et huile de coco
Posté le 22-08-2007 à 13:20:20  profilanswer
 

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


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

---------------
Studio CréeAll
n°972702
siriru
Posté le 22-08-2007 à 16:37:58  profilanswer
 

Merci beaucoup !!


Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Graphisme
  Web design

  html = image dans une area de map

 

Sujets relatifs
Distorsion image plane Maya 7HTML pb avec l'affichage de calque (div)
Rendre cette image transparente (fond) ?Image avec bout avec arrondi
intégrer une image/flyer/signature dans un emailretoucher "automatiquement" une importante suite d'image
Comment mettre une image en signature ?Plusieurs flash dans une page html - probleme avec swfObject
[Photoshop] Détourer une image 
Plus de sujets relatifs à : html = image dans une area de map


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR