Solved

Outlook Stationary - Using HTML file , need to "MAP" Url to area on image

Posted on 2003-10-24
5
157 Views
Last Modified: 2010-04-09
Hi ,

anyone any ideas on this....

Have a HTML page with an image along the left hand side but want to be able to click our URL ( within the image)....

This is code without Mapper code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Final Stationery</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<META content="MSHTML 6.00.2800.1264" name=GENERATOR></HEAD>
<BODY style="MARGIN-LEFT: 145px; BACKGROUND-COLOR: #ffffff" bgColor=#ffffff
background="Final.jpg"
<DIV>&nbsp;</DIV></BODY></HTML>

( Im not a web dev , so please ignore and "incorrect" use of HTML)


Using an Image Mapper , i can "MAP" the URL to point at out web site:

This code does that :

<MAP NAME="map1">
      <AREA SHAPE="RECT" COORDS="337,429,688,305" HREF="www.experts-exchange.com" TITLE="">
</MAP>
<IMG SRC="final.jpg" USEMAP="#map1" BORDER="0">


But question is , how do i combine the code? Ive tried :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML><HEAD><TITLE>Final Stationery</TITLE>
<META http-equiv=Content-Type content="text/html; charset=windows-1252">
<META content="MSHTML 6.00.2800.1264" name=GENERATOR></HEAD>

<BODY style="MARGIN-LEFT: 145px; BACKGROUND-COLOR: #ffffff" bgColor=#ffffff

<MAP NAME="map1">
      <AREA SHAPE="RECT" COORDS="337,429,688,305" HREF="www.experts-exchange.com" TITLE="">
</MAP>

background="Final.jpg" USEMAP="#map1"

<DIV>&nbsp;</DIV></BODY></HTML>


But this doesnt work....... any ideas?

thanks!

0
Comment
Question by:sgriffin
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
5 Comments
 
LVL 31

Accepted Solution

by:
seanpowell earned 50 total points
ID: 9616297
Yes, you won't be able to use the image map against the background image.

Simply place a transparent gif image on top of the logo at the size you need it, and then use that as the image for the image map.
0
 
LVL 2

Author Comment

by:sgriffin
ID: 9616309
hi , thanks for post , how would i make a transparent gif on the image ?
0
 
LVL 31

Expert Comment

by:seanpowell
ID: 9616359
Here's a transparent gif image:

http://www.experts-exchange.com/images/spacer.gif

Select File > Save As from the browser and add it to your web
Insert the image on the page - depending on your editor - and place it on top of where the logo is in the background.
Which editor are you using?
0

Featured Post

Secure Your WordPress Site: 5 Essential Approaches

WordPress is the web's most popular CMS, but its dominance also makes it a target for attackers. Our eBook will show you how to:

Prevent costly exploits of core and plugin vulnerabilities
Repel automated attacks
Lock down your dashboard, secure your code, and protect your users

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
When it comes to write a Context Sensitive Help (an online help that is obtained from a specific point in state of software to provide help with that state) ,  first we need to make the file that contains all topics, which are given exclusive IDs. …
In this tutorial viewers will learn how add a scalable full-width header using CSS3. Create a new HTML document with an internal stylesheet. Set a tiled background.:  Create a new div and name it Header. Position it with position:absolute at the top…
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…

729 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question