Many links for the one image

Computer Programming Forums : Questions and Answers, Articles, Tutorials, and Code Snippets

Switch to full style
HTML code examples
Post a reply
DrRakha
  • DrRakha
  • Posts: 2715
  • Joined: Tue Mar 27, 2007 10:55 pm
  • Location: Earth
  • Website

Many links for the one image

Fri Feb 17, 2012 5:34 pm

In this example we specify rectangle area as links in the image. By using area tag you can determine a different links for the same image but at many parts.

Code:
<html>
<head>
<title>area element example</title>
</head>
<body>
  <p>
     <center>
    In this example we specify rectangle area as links in the image.
     </center>
  </p>
 <map name="imageMap">
    <area shape="rect" coords="0, 0, 50, 50" href="http://www.codemiles.com">
        <area shape="rect" coords="200, 200, 300, 300" href="http://www.codemiles.com">
    </map>
    <img src="site_logo.gif" 
         alt="logo" 
         width="300" 
         height="300" 
         usemap="#imageMap">
   
</body>
</html>  
 




Post a reply
  Related Posts  to : Many links for the one image
 background-image Anchor in header links     -  
 Links like yours?     -  
 links CSS properties     -  
 Example of using access key with links     -  
 Image-Viewer-Image Processing-Filters-Noise-enhancements     -  
 How to add links in header ? (mile100style)     -  
 list of links look like accordion using JQuery     -  
 Post offers not website links .     -  
 Code to open multiple links.     -  
 Working with menus, Label links and files in C#     -  

Topic Tags

HTML Link, HTML Image
Switch to full style

Codemiles.com is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com


Powered by phpBB © phpBB Group.


Codemiles.com