Total members 11889 |It is currently Fri Mar 29, 2024 3:43 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>  
 




_________________
M. S. Rakha, Ph.D.
Queen's University
Canada


Author:
Mastermind
User avatar Posts: 2715
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?     -  
 Example of using access key with links     -  
 links CSS properties     -  
 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.     -  
 Select all links with a target attribute value NOT _blank     -  



Topic Tags

HTML Link, HTML Image
cron





Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
All copyrights reserved to codemiles.com 2007-2011
mileX v1.0 designed by codemiles team
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