CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

Question HTML Mappage

Tartealacreme
Tartealacreme
Niveau 10
22 décembre 2009 à 14:41:28

Salut,

je dois réaliser un site web assez basique pour la rentrée et j'ai choisis le thème du piano.

Sur la gauche j'ai un menu vertical avec l'image d'un clavier de piano à la verticale et les noms des rubriques écrit directement sur les touches avec paint.

J'utilise ce code pour mapper mon image et pouvoir localiser les cliques (les coordonnées ne sont pas les bonnes), cependant je veux que mon image utilise toute la place dans la frame et les 2 lignes de code qui permettent cela empêchent le mappage de fonctionner.

<HTML>
<HEAD>
</HEAD>
<BODY>

<MAP NAME="menu">

<area shape="RECT" coords="273,0,2,47" HREF="pageaccueil.html">
<AREA SHAPE="RECT" COORDS="111,20,250,78" HREF="Debut.html">
<AREA SHAPE="RECT" COORDS="251,1,448,50" HREF="Histoire.html">
<AREA SHAPE="RECT" COORDS="320,45,390,78" HREF="Pianos.html">
<AREA SHAPE="RECT" COORDS="320,45,390,78" HREF="Artistes.html">
<AREA SHAPE="RECT" COORDS="320,45,390,78" HREF="Extraits.html">

</MAP>

<img
style="position:absolute;left:0px;top:0px;width:10
0%;height:100%;"
SRC="images/claviermenu.jpg" USEMAP="#menu" border=0>
<div
style="position:absolute;left:0px;top:0px;width:10
0%;height:100%;">

</BODY>
</HTML>

Quelqu'un a une idée?
Merci.

Tartealacreme
Tartealacreme
Niveau 10
22 décembre 2009 à 14:46:44

J'illustre mes propos avec des screenshot:

http://www.noelshack.com/up/aac/bonnetaille-4fa713c216.jpg

Ici l'image est à la bonne taille, elle se redimensionne si on redimensionne la page grâce à ces lignes de code:

<img

style="position:absolute;left:0px;top:0px;width:10

0%;height:100%;"
SRC="images/claviermenu.jpg" USEMAP="#menu" border=0>
<div

style="position:absolute;left:0px;top:0px;width:10

0%;height:100%;">

Cependant le clique ne fonctionne plus.

Et si j'enlève ce code qui me permet de redimensionner l'image, j'ai des barres de défilement... Et le clique fonctionne

http://www.noelshack.com/up/aac/probleme-ff369a1543.jpg

deepblue
deepblue
Niveau 16
22 décembre 2009 à 17:30:06

<BODY style="margin:0; padding:0">

Ton code est pourri.

Sous forums
  • Aide à l'achat Mac
  • Création de Jeux
  • Linux
  • Création de sites web
  • Programmation
  • Internet
  • Steam Deck
  • Macintosh
  • Hardware
La vidéo du moment