Log in

View Full Version : <MAP> Problem


GhettoT
02-26-2007, 10:46 PM
So I recently finished creating my website fr my school's robotics team. But I put a logo in my header image, so I "mapped" it so that the logo is a link.



<map name="m_head">
<area shape="rect" coords="17,47,103,133" href="http://www.usfirst.org" title="U.S. FIRST Website" alt="U.S. FIRST Website" >
</map>

But now, their is a blue border around my entire header image... Is there a way to remove this border or at least change the color so that you don't see (because it is the same as my background color)?

The URL to my site is, http://www.team330.org

Any help would be greatly appreciated.
djr33
02-26-2007, 11:22 PM
<img .... border="0">

Or use CSS, etc etc.

bordercolor="#000000" would set it to black, if I'm remember the attribute right. Again, you could use CSS too.
Blake
02-26-2007, 11:34 PM
<img .... border="0">

Or use CSS, etc etc.

bordercolor="#000000" would set it to black, if I'm remember the attribute right. Again, you could use CSS too.

Why not just use border-style: none; ?
BLiZZaRD
02-26-2007, 11:39 PM
<img src.... border="0"> isn't valid HTML

Using CSS to set it to black actually is silly. Only because you can use the CSS to make it disappear altogether. Blake is close, but if you only want it for images do not put it in the body{ section just add an img section to the CSS like so:



img {
border-style: none;
}


Of course this will also remove the blue border from ALL pictures that use this CSS :)
GhettoT
02-26-2007, 11:46 PM
Couldn't you simply set a div around the header image (we'll say "header" for example)

And use this so that not every image is effected?



.header img {
border-style: none;
}
BLiZZaRD
02-26-2007, 11:50 PM
Yes you can. :)
Blake
02-26-2007, 11:56 PM
or, you can just give the particular image an id, and in the stylesheet, refer to it by that, ie in your page:



<img id="header" src=" ... ">


and in the stylesheet



#header
{
border: none;
}
djr33
02-27-2007, 12:14 AM
Er... never had any problems using border="0".
BLiZZaRD
02-27-2007, 12:30 AM
Problems? no, it's just not valid anymore. (I know, I used it ALL the time too.. still do out of habit :) )
djr33
02-27-2007, 01:43 AM
any more?
with what? xml?
BLiZZaRD
02-27-2007, 02:31 AM
Strict.

I tried to validate with a strict doctype and it came up as an error. :confused:
techno_race
02-28-2007, 12:21 AM
You don't need CSS stylesheets. <img... style="border-style: none"> would work the same as a lumpy <head>!