serialexperiments0815/WebsiteMapTesting
1
0
Fork 0
mirror of https://github.com/serialexperiments0815/WebsiteMapTesting.git synced 2026-07-12 15:32:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added right div

Browse source
This commit is contained in:
none 2026-06-04 23:32:54 +02:00
parent c77d3bf4ff
commit 76f559adaf
1 changed files with 26 additions and 20 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
index.html
View file

@ -4,6 +4,8 @@
<title>MapTesting</title> <title>MapTesting</title>
</head> </head>
<body> <body>
<div style="height: 900px; width:200vh; display: flex; gap: 20px; background-color: green;">
<div style="background-color: brown; height: 900px; width: 1300px;">
<img src="./ressources/Germany_location_map.svg.webp" style="height: 800px; width: 1200px;" usemap="#image-map">/> <img src="./ressources/Germany_location_map.svg.webp" style="height: 800px; width: 1200px;" usemap="#image-map">/>
<!-- Image Map Generated by http://www.image-map.net/ --> <!-- Image Map Generated by http://www.image-map.net/ -->
@ -24,6 +26,10 @@
<area target="" alt="Hessen" title="Hessen" onclick="alert('Hessen!')" coords="486,354,471,353,439,371,416,371,380,388,398,396,381,406,366,406,354,423,334,434,306,465,310,489,284,508,294,515,329,513,354,542,358,560,388,562,399,573,433,557,435,534,418,511,453,499,481,504,541,467,546,451,524,451,543,424,548,413,563,413,555,404,563,397,539,385,524,375,513,383,485,378,496,358" shape="poly"> <area target="" alt="Hessen" title="Hessen" onclick="alert('Hessen!')" coords="486,354,471,353,439,371,416,371,380,388,398,396,381,406,366,406,354,423,334,434,306,465,310,489,284,508,294,515,329,513,354,542,358,560,388,562,399,573,433,557,435,534,418,511,453,499,481,504,541,467,546,451,524,451,543,424,548,413,563,413,555,404,563,397,539,385,524,375,513,383,485,378,496,358" shape="poly">
<area target="" alt="Thüringen" title="Thüringen" onclick="alert('Th&uuml;ringen!')" coords="535,376,573,394,535,448,558,449,545,463,566,459,613,489,634,491,629,480,670,478,684,485,699,463,724,473,769,471,808,449,808,437,844,420,820,411,798,419,706,398,703,381,670,377,656,355,619,355,583,360,563,372" shape="poly"> <area target="" alt="Thüringen" title="Thüringen" onclick="alert('Th&uuml;ringen!')" coords="535,376,573,394,535,448,558,449,545,463,566,459,613,489,634,491,629,480,670,478,684,485,699,463,724,473,769,471,808,449,808,437,844,420,820,411,798,419,706,398,703,381,670,377,656,355,619,355,583,360,563,372" shape="poly">
</map> </map>
</div>
<div style="background-color: blue; display: flex; height: 900px; width: 100vh; margin-top: 20px;">
<h1 style="color: white;">WOW</h1>
</div>
</div>
</body> </body>
</html> </html>