0
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
23 Antworten
+ 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)
+ 2
Another way is upload Bangkok.html first, get the full www address with http://www...../Bangkok.html and href= this full address.
+ 2
dealing with national song, you need check related law first, for one thing applicable worldwide: dont make fun on any national song.
+ 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">
+ 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.
+ 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.
+ 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.
+ 1
The great examples here in code playground are by Domino.
+ 1
How is your progress?
+ 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.
+ 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
+ 1
embedding sound mainly deal with html <audio> tag,
on most browser autoplay is enough
on new browser, you need javascript for user gesture
+ 1
this is a reference for you
Sh. Supriya
https://code.sololearn.com/WYLuarm6F9aZ/?ref=app
+ 1
<audio>
<source src= type=/>
<audio>
+ 1
in that sample, for line 21 vs line 24~30, check morpheus's js fsct series
0
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 ?
0
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
0
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 ?
0
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.