Html Clickable map with local links ?

Hello again. How do I link it up locally to another html file ? Trying to create my own website for college? <area shape="rect" coords="133,277,155,294" alt="Bangkok" a href=""C:\Users\deadl\Desktop\Website\Bangkok.html.txt"> Seems to be an error in the code or I am ding it wrong because nothing is happening on my actual website when I run the code. Just the map and the clickable part not working. Also my map isn't labelled yet. So I need to know how to add a hover feature. Basically when the mouse hovers over the country the page displays the country name ? Or a similar feature. Thanks again Harry

html a href

17th Oct 2018, 3:58 PM

harry

23 Answers

+ 3

🙊You just violates some rule But if you are quick, you can edit your answer before the moderators come, the edit option is in the button on the right (the three dots)

19th Oct 2018, 5:55 PM

Gordon

+ 2

Another way is upload Bangkok.html first, get the full www address with http://www...../Bangkok.html and href= this full address.

18th Oct 2018, 12:48 AM

Gordon

+ 2

dealing with national song, you need check related law first, for one thing applicable worldwide: dont make fun on any national song.

5th Nov 2018, 12:48 AM

Gordon

+ 1

The hover feature is to add onmouseover attribute to the img tag. The hyperlink has two problems, firstly, file should be Bangkok.html not Bangkok.html.txt (If it is Bangkok.html.txt now, open in text editor and in save as choose type all files, then name Bangkok.html no txt) secondly, C:\ is local computer so the internet users cannot view it. If put on same directory (means folder) on the web server, just use relative location, no need any http and domain, just the file name . <a href="Bangkok.html">

17th Oct 2018, 5:27 PM

Gordon

+ 1

No need to pay me, we are all just helping. Is your website not restricted? Can you share a link here so I can advise you with more details? Meanwhile, take your img for example, you can upload to free storage such as imgbb and get the code to put into your website. For a href , not "C:\.....\..", only href="Bangkok.html" only file name means finding in same directory.

18th Oct 2018, 12:43 AM

Gordon

+ 1

dreamweaver has templates so it's easier for beginners to build a website. But then frameset is an old way of doing it back in around 1997, because every time you change a page, you need to wait for the page to load. New way is like this: https://css-tricks.com/scroll-fix-content/ After mastering these, you can achieve much cooler layout with touching the source code directly.

18th Oct 2018, 1:05 AM

Gordon

+ 1

As an analogy, cooking a meal with microwaving frozen food is the fast way, and sufficient to satisfy the need of hungry. Yet only with experimenting with the recipes can make you a great chef.

18th Oct 2018, 5:56 AM

Gordon

+ 1

The great examples here in code playground are by Domino.

18th Oct 2018, 5:57 AM

Gordon

+ 1

How is your progress?

19th Oct 2018, 12:50 AM

Gordon

+ 1

Great~ I look forward to seeing your final website^^ Yes it's easier, because of auto indentation and colouring to make the script more easy to read.

19th Oct 2018, 4:56 PM

Gordon

+ 1

Hi. Nearly done with my website. It's so basic though which is fine. We only had to prove that we can include rich multimedia content in a website. The final thing I have to do is include some sound into one of my pages. As I'm doing my site on the country of Thailand, maybe i can include the national anthem on one of the pages. Do you know how to go about that ? I know very little Javascript at all. I reckon i coupd have a sound button and upon clicking it it plays the sound file ? Thanks for the help Harry

4th Nov 2018, 4:21 PM

harry

+ 1

embedding sound mainly deal with html <audio> tag, on most browser autoplay is enough on new browser, you need javascript for user gesture

5th Nov 2018, 12:43 AM

Gordon

+ 1

this is a reference for you Sh. Supriya https://code.sololearn.com/WYLuarm6F9aZ/?ref=app

5th Nov 2018, 12:45 AM

Gordon

+ 1

5th Nov 2018, 3:31 AM

Gordon

+ 1

in that sample, for line 21 vs line 24~30, check morpheus's js fsct series

5th Nov 2018, 3:33 AM

Gordon

+ 1

https://www.sololearn.com/post/43430/?ref=app

5th Nov 2018, 3:34 AM

Gordon

Oh. How would I upload to my course tutor to mark the final website then ? I cannot so that whilst it's on C drive ?

17th Oct 2018, 5:37 PM

harry

Okay. Still struggling. <html> <head> </head> <body background="C:\Users\deadl\Desktop\thailand-1451382_960_720.jpg"> <h1 style="font-size:60px;"> <font color="blue"> <center> Welcome To Thailand </center> </red> </h1> <center> <img src= "C:\Users\deadl\Pictures\Thailandmap.jpeg.jpg" alt="Map of thailand" style="width:300px; height:400px;" usemap="#Thailandmap" border="2px"> </center> <map name="Thailandmap"> <area shape="rect" coords="133,277,155,294" alt="Bangkok" <a href="C:\Users\deadl\Desktop\Website\Bangkok.html"> <area shape="rect" coords="46,499,60,520" alt="Krabi"> <area shape="rect" coords="61,259,96,271" alt="Kanchanburi"> <area shape="rect" coords="40,528,63,549" alt="Phuket"> <area shape="rect" coords="62,90,80,112" alt="Chiang Mai"> </map> </body> </html> Still not working. I'm only trying to get the first Country Bangkok to work first then I can follow suit with the rest. Thanks for being patient. If I could pay you; I would. Harry

17th Oct 2018, 8:57 PM

harry

Yes. I think thats the best way tbh. I'll update and see how I get on tomorrow. Whats the difference between making a website this way ( locally using html,css e.t.c) rather than using dreamweaver and apps ?

18th Oct 2018, 12:57 AM

harry

Doing okay. Perhaps I'll provide a link and let you have a look when I find out how. It's just to basic at the moment.

19th Oct 2018, 4:44 PM

harry