Solved

Unwanted border using <map tag

Posted on 2008-06-12
4
246 Views
Last Modified: 2013-11-19
Hi. I have set up a JPG with a mapped area. However when the picture gets displayed it always has an undesirable blue border to it. I have tried in-line style within the various tags, nothing seems to shift it. Any ideas please? Hear is my code:

<div >
  <map name='Map'>
    <area shape='rect'
              coords='249,185,371,303'
              href='javascript:fnShowBigPhoto()'/>
  </map>
  <img style='padding:30px;'
          src='../images/logo.jpg'
          height='457px' width='640px'
          usemap='#Map'
          ismap='ismap' />      
</div>
0
Comment
Question by:jonatec
  • 2
4 Comments
 
LVL 10

Accepted Solution

by:
bluefezteam earned 500 total points
ID: 21771831
the blue border may be caused by the href - set border="0" on the image
0
 
LVL 5

Expert Comment

by:rstomar
ID: 21771849
bcos u have padding 30px. so it will have some area of 30px around the image.
0
 

Author Closing Comment

by:jonatec
ID: 31466654
Yeah perfect thanks..
0
 
LVL 10

Expert Comment

by:bluefezteam
ID: 21772216
hey thanks for that - good luck with the project!
0

Featured Post

Is Your Active Directory as Secure as You Think?

More than 75% of all records are compromised because of the loss or theft of a privileged credential. Experts have been exploring Active Directory infrastructure to identify key threats and establish best practices for keeping data safe. Attend this month’s webinar to learn more.

Question has a verified solution.

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

Suggested Solutions

Title # Comments Views Activity
CSS Font Arial Narrow 1 26
.php tree directory? 5 54
Footer at the bottom of the page not centered 5 27
Why my select dropdown does not work? 8 20
Have you tried to learn about Unicode, UTF-8, and multibyte text encoding and all the articles are just too "academic" or too technical? This article aims to make the whole topic easy for just about anyone to understand.
This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
This tutorial will teach you the core code needed to finalize the addition of a watermark to your image. The viewer will use a small PHP class to learn and create a watermark.

943 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

Need Help in Real-Time?

Connect with top rated Experts

15 Experts available now in Live!

Get 1:1 Help Now