login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Image-map: afbeeldingen erover gooien

Offline Fazammy - 04/02/2009 20:32 (laatste wijziging 04/02/2009 20:34)
Avatar van FazammyNieuw lid Hallo,
ik heb een image-map en daarover moeten er afbeeldingen komen, het probleem is dat mijn image-map dan niet meer werkt 

Hoe los ik dit op?
http://pastebin.com/d18ca0abf
http://plaatscode.be/88344

(Mijn code is niet valid, maar dit is in dit stadium voor mij niet belangrijk. Voor alle duidelijkheid: het is niet omdat mijn code niet XHTML-valid is dat ze niet werkt!!)

Hopelijk kan iemand me helpen?  

4 antwoorden

Gesponsorde links
Offline Arnold - 04/02/2009 20:36
Avatar van Arnold Nieuw lid Ehm, zou je je code misschien wat overzichtelijker kunnen maken ?
Offline Fazammy - 04/02/2009 20:42
Avatar van Fazammy Nieuw lid Ik heb het aantal afbeeldingen en links gereduceerd naar 10; ik hoop dat het nu duidelijker is?
  1. 1.
  2. <div style="position:relative; top:-185px; left:60px;">
  3. 2.
  4. <img style="position:absolute; left:185px; top:0px;" src="graphic/map/{$m0}.gif" width="74" height="41">
  5. 3.
  6. <img style="position:absolute; left:222px; top:20px;" src="graphic/map/{$m1}.gif" width="74" height="41">
  7. 4.
  8. <img style="position:absolute; left:259px; top:40px;" src="graphic/map/{$m2}.gif" width="74" height="41">
  9. 5.
  10. <img style="position:absolute; left:296px; top:60px;" src="graphic/map/{$m3}.gif" width="74" height="41">
  11. 6.
  12. <img style="position:absolute; left:333px; top:80px;" src="graphic/map/{$m4}.gif" width="74" height="41">
  13. 7.
  14. <img style="position:absolute; left:370px; top:100px;" src="graphic/map/{$m5}.gif" width="74" height="41">
  15. 8.
  16. <img style="position:absolute; left:407px; top:120px;" src="graphic/map/{$m6}.gif" width="74" height="41">
  17. 9.
  18. <img style="position:absolute; left:148px; top:20px;" src="graphic/map/{$m7}.gif" width="74" height="41">
  19. 10.
  20. <img style="position:absolute; left:185px; top:40px;" src="graphic/map/{$m8}.gif" width="74" height="41">
  21. 11.
  22. <img style="position:absolute; left:222px; top:60px;" src="graphic/map/{$m9}.gif" width="74" height="41">
  23. 12.
  24. <img style="position:absolute; left:259px; top:80px;" src="graphic/map/{$m10}.gif" width="74" height="41">
  25. 13.
  26. <img src="graphic/map/map_back.gif" width="518" height="281" border="0" usemap="#map">
  27. 14.
  28.  
  29. 15.
  30. <map name="map" id="map">
  31. 16.
  32. <area shape="poly" coords="223,20,258,40,294,20,259,0" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l0}">
  33. 17.
  34. <area shape="poly" coords="260,40,295,60,331,40,296,20" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l1}">
  35. 18.
  36. <area shape="poly" coords="297,60,332,80,368,60,333,40" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l2}">
  37. 19.
  38. <area shape="poly" coords="334,80,369,100,405,80,370,60" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l3}">
  39. 20.
  40. <area shape="poly" coords="371,100,406,120,442,100,407,80" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l4}">
  41. 21.
  42. <area shape="poly" coords="408,120,443,140,479,120,444,100" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l5}">
  43. 22.
  44. <area shape="poly" coords="445,140,480,160,516,140,481,120" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l6}">
  45. 23.
  46. <area shape="poly" coords="186,40,221,60,257,40,222,20" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l7}">
  47. 24.
  48. <area shape="poly" coords="223,60,258,80,294,60,259,40" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l8}">
  49. 25.
  50. <area shape="poly" coords="260,80,295,100,331,80,296,60" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l9}">
  51. 26.
  52. <area shape="poly" coords="297,100,332,120,368,100,333,80" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l10}">
  53. 27.
  54. </map>
  55. 28.
  56. </div>
Offline roberini - 04/02/2009 20:42
Avatar van roberini HTML beginner
  1. <map name="map" id="map">
  2. <area shape="poly" coords="223,20,258,40,294,20,259,0" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l0}">
  3. <area shape="poly" coords="260,40,295,60,331,40,296,20" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l1}">
  4. <area shape="poly" coords="297,60,332,80,368,60,333,40" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l2}">
  5. <area shape="poly" coords="334,80,369,100,405,80,370,60" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l3}">
  6. <area shape="poly" coords="371,100,406,120,442,100,407,80" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l4}">
  7. <area shape="poly" coords="408,120,443,140,479,120,444,100" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l5}">
  8. <area shape="poly" coords="445,140,480,160,516,140,481,120" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l6}">
  9. <area shape="poly" coords="186,40,221,60,257,40,222,20" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l7}">
  10. <area shape="poly" coords="223,60,258,80,294,60,259,40" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l8}">
  11. <area shape="poly" coords="260,80,295,100,331,80,296,60" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l9}">
  12. <area shape="poly" coords="297,100,332,120,368,100,333,80" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l10}">
  13. <area shape="poly" coords="334,120,369,140,405,120,370,100" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l11}">
  14. <area shape="poly" coords="371,140,406,160,442,140,407,120" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l12}">
  15. <area shape="poly" coords="408,160,443,180,479,160,444,140" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l13}">
  16. <area shape="poly" coords="149,60,184,80,220,60,185,40" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l14}">
  17. <area shape="poly" coords="186,80,221,100,257,80,222,60" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l15}">
  18. <area shape="poly" coords="223,100,258,120,294,100,259,80" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l16}">
  19. <area shape="poly" coords="260,120,295,140,331,120,296,100" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l17}">
  20. <area shape="poly" coords="297,140,332,160,368,140,333,120" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l18}">
  21. <area shape="poly" coords="334,160,369,180,405,160,370,140" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l19}">
  22. <area shape="poly" coords="371,180,406,200,442,180,407,160" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l20}">
  23. <area shape="poly" coords="112,80,147,100,183,80,148,60" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l21}">
  24. <area shape="poly" coords="149,100,184,120,220,100,185,80" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l22}">
  25. <area shape="poly" coords="186,120,221,140,257,120,222,100" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l23}">
  26. <area shape="poly" coords="223,140,258,160,294,140,259,120" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l24}">
  27. <area shape="poly" coords="260,160,295,180,331,160,296,140" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l25}">
  28. <area shape="poly" coords="297,180,332,200,368,180,333,160" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l26}">
  29. <area shape="poly" coords="334,200,369,220,405,200,370,180" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l27}">
  30. <area shape="poly" coords="75,100,110,120,146,100,111,80" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l28}">
  31. <area shape="poly" coords="112,120,147,140,183,120,148,100" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l29}">
  32. <area shape="poly" coords="149,140,184,160,220,140,185,120" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l30}">
  33. <area shape="poly" coords="186,160,221,180,257,160,222,140" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l31}">
  34. <area shape="poly" coords="223,180,258,200,294,180,259,160" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l32}">
  35. <area shape="poly" coords="260,200,295,220,331,200,296,180" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l33}">
  36. <area shape="poly" coords="297,220,332,240,368,220,333,200" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l34}">
  37. <area shape="poly" coords="38,120,73,140,109,120,74,100" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l35}">
  38. <area shape="poly" coords="75,140,110,160,146,140,111,120" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l36}">
  39. <area shape="poly" coords="112,160,147,180,183,160,148,140" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l37}">
  40. <area shape="poly" coords="149,180,184,200,220,180,185,160" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l38}">
  41. <area shape="poly" coords="186,200,221,220,257,200,222,180" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l39}">
  42. <area shape="poly" coords="223,220,258,240,294,220,259,200" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l40}">
  43. <area shape="poly" coords="260,240,295,260,331,240,296,220" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l41}">
  44. <area shape="poly" coords="1,140,36,160,72,140,37,120" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l42}">
  45. <area shape="poly" coords="38,160,73,180,109,160,74,140" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l43}">
  46. <area shape="poly" coords="75,180,110,200,146,180,111,160" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l44}">
  47. <area shape="poly" coords="112,200,147,220,183,200,148,180" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l45}">
  48. <area shape="poly" coords="149,220,184,240,220,220,185,200" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l46}">
  49. <area shape="poly" coords="186,240,221,260,257,240,222,220" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l47}">
  50. <area shape="poly" coords="223,260,258,280,294,260,259,240" href="?city={$smarty.get.city}&amp;screen=city_info&amp;id={$l48}">
  51. <area shape="circle" coords="424,231,12" href="?city={$smarty.get.city}&amp;screen=map&amp;x={$x+1}&amp;y={$y}" title="Oost">
  52. <area shape="circle" coords="95,49,12" href="?city={$smarty.get.city}&amp;screen=map&amp;x={$x-1}&amp;y={$y}" title="West">
  53. <area shape="circle" coords="95,230,12" href="?city={$smarty.get.city}&amp;screen=map&amp;x={$x}&amp;y={$y-1}" title="Zuid">
  54. <area shape="circle" coords="424,49,12" href="?city={$smarty.get.city}&amp;screen=map&amp;x={$x}&amp;y={$y+1}" title="Noord">
  55. </map>


waar is de link naar het plaatje?
Offline Fazammy - 04/02/2009 20:43
Avatar van Fazammy Nieuw lid
roberini schreef:
waar is de link naar het plaatje?


In het deel erboven, net boven <map> dus...

Daar staat:
  1. <img src="graphic/map/map_back.gif" width="518" height="281" border="0" usemap="#map">
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.202s