Total members 11685 |It is currently Sat Dec 16, 2017 2:03 pm Login / Join Codemiles

Java

C/C++

PHP

C#

HTML

CSS

ASP

Javascript

JQuery

AJAX

XSD

Python

Matlab

R Scripts

Weka





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>  
 





Author:
Mastermind
User avatar Posts: 2707
Have thanks: 74 time
Post new topic Reply to topic  [ 1 post ] 

  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 Image, HTML Link







Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
All copyrights reserved to codemiles.com 2007-2011
mileX v1.0 designed by codemiles team