•
•
•
•
What is DaniWeb IT Discussion Community?
You're currently browsing the HTML and CSS section within the Web Development category of DaniWeb, a massive community of 403,520 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 3,818 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.
Please support our HTML and CSS advertiser: Lunarpages Web Hosting
Views: 547 | Replies: 6 | Solved
 |
•
•
Join Date: Nov 2006
Posts: 58
Reputation: 
Rep Power: 2
Solved Threads: 0
Junior Poster in Training
Hello,
I'm trying to create a relatively simple web site but I've been stuck at the first post already! Basically I'm trying to image map the top banner with links but I've been unable to get this working. I'm not entirely sure what I'm doing wrong and I've been editing it and refreshing for days now! If anyone can spot the problem in my code it'd be much appreciated:
Thanks in advance
Ciaran.
I'm trying to create a relatively simple web site but I've been stuck at the first post already! Basically I'm trying to image map the top banner with links but I've been unable to get this working. I'm not entirely sure what I'm doing wrong and I've been editing it and refreshing for days now! If anyone can spot the problem in my code it'd be much appreciated:
<html> <body> <img src="mainbanner.jpg" width="1024" height="275" border="0" usemap="#map" /> <map name="map"> <area shape="rect" coords="0,8,130,47" href="http://TBA" /> <area shape="rect" coords="134,8,260,47" href="http://TBA" /> <area shape="rect" coords="264,8,418,47" href="http://TBA" /> <area shape="rect" coords="421,8,530,47" href="http://TBA" /> <area shape="rect" coords="534,8,684,47" href="http://TBA" /> <area shape="rect" coords="688,8,814,47" href="http://TBA" /> <area shape="rect" coords="818,8,985,47" href="http://TBA" /> </map> </body> </html>
Thanks in advance
Ciaran.
•
•
Join Date: May 2008
Location: Hyderabad, India
Posts: 258
Reputation:
Rep Power: 1
Solved Threads: 27
Posting Whiz in Training
first install dreamweaver in your system,
it will easy to edit image mapping
it will easy to edit image mapping
Thanx,
Sreekanth
www.saap.in
if you problem solved add me as a reputation and mark it mark as solved
Sreekanth
www.saap.in
if you problem solved add me as a reputation and mark it mark as solved
•
•
Join Date: Nov 2006
Posts: 58
Reputation:
Rep Power: 2
Solved Threads: 0
Junior Poster in Training
•
•
•
•
Originally Posted by sreein1986 
first install dreamweaver in your system,
it will easy to edit image mapping
I used GIMP to generate that code and it still doesn't work. Dreamweaver will produce the same code as the <map></map> conventions will be the same.
•
•
Join Date: May 2008
Location: Hyderabad, India
Posts: 258
Reputation:
Rep Power: 1
Solved Threads: 27
Posting Whiz in Training
in Dreamweaver one option is there below of property bar take poligonal tool it works fine
check the attachments
check the attachments
Thanx,
Sreekanth
www.saap.in
if you problem solved add me as a reputation and mark it mark as solved
Sreekanth
www.saap.in
if you problem solved add me as a reputation and mark it mark as solved
•
•
Join Date: Dec 2004
Location: London or Slovakia
Posts: 2,249
Reputation:
Rep Power: 10
Solved Threads: 272
•
•
•
•
Originally Posted by sreein1986
first install dreamweaver in your system,
it will easy to edit image mapping
Dreamweaver is not all, secondly is not for free and installing trial version for such banality is silly
Code is OK, however you should swap name attribute for id attribute in start of map tag
<map name="map"> , as id attribute is required where name is just optional. Do not forget to add links to locations where to go after mouse click as these are currently not set href="http://TBA" . If you not sure what you doing you can have look at w3schools example on this topic Learn to see in another's calamity the ills which you should avoid.
Publilius Syrus
(~100 BC)
If we helped you to solve your problem, answered your question please mark your post as SOLVED.
Publilius Syrus
(~100 BC)
If we helped you to solve your problem, answered your question please mark your post as SOLVED.
•
•
Join Date: Nov 2006
Posts: 58
Reputation:
Rep Power: 2
Solved Threads: 0
Junior Poster in Training
•
•
•
•
Originally Posted by peter_budo
Dreamweaver is not all, secondly is not for free and installing trial version for such banality is silly
Code is OK, however you should swap name attribute for id attribute in start of map tag
<map name="map">, as id attribute is required where name is just optional. Do not forget to add links to locations where to go after mouse click as these are currently not sethref="http://TBA". If you not sure what you doing you can have look at w3schools example on this topic
Thanks for the response Peter. I'm not a fan of Dreamweaver either. It's too much money and too difficult for the little web dev I'm doing.
I've just discovered the problem. The co-ordinates are all wrong. I'll just have to manually work them out as GIMP's in-built mapping is obviously wrecked.
Thanks for the help.
Ciaran.
|
•
•
•
•
•
•
•
•
DaniWeb HTML and CSS Marketplace
•
•
•
•
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
Linear Mode
- Image mapping and php (PHP)
- Public_html question? (PHP)
- Final year projects in VB (Visual Basic 4 / 5 / 6)
- Unknown EMF record types when converting to PDF (Visual Basic 4 / 5 / 6)
- Reducing pixelization in images (ASP.NET)
- Convert mouse position to Texture position on ball (Game Development)
- IE spyware warning,IE hyjacked???? (Viruses, Spyware and other Nasties)
- Parse XML from ASP!!! (ASP)
Other Threads in the HTML and CSS Forum
- Previous Thread: Extended table in FireFox
- Next Thread: Swapping images in html
