Link formatting not working

[lord_havoc]

Okay, so I made an image map because if I did the images individually the text wasn't aligned just right. Now the problem I'm having is that even though I told it not to, it boxes the image with blue like the internet's defaults.

My formating is as follows



a:link{
text-decoration: none;
color: #000000;
background-color: #000000; }

a:visited{
text-decoration: none;
color: #000000;
background-color: #000000; }

a:hover{
text-decoration: none;
color: #000000;
background-color: #000000; }

a:active{
text-decoration: none;
color: #000000;
background-color: #000000; }


And my code in my HTML document is this



<img src="navigation.PNG"
width="800" height="40"
usemap="#navmap">

<map id="navtmap" name="navmap">

<area shape="rect"
coords="0,0,100,40"
alt="Home"
href="http://cyanideperfection.net/index.php">

<area shape="rect"
coords="100,0,230,40"
alt="Visitor"
href="http://cyanideperfection.net/visitor/index.php">

<area shape="rect"
coords="240,0,350,40"
alt="Forum"
href="http://forum.cyanideperfection.net">

<area shape="rect"
coords="370,0,470,40"
alt="Photo"
href="http://cyanideperfection.net/pixelpost/index.php">

<area shape="rect"
coords="490,0,650,40"
alt="Contact"
href="http://cyanideperfection.net/contact.php">

<area shape="rect"
coords="660,0,800,40"
alt="Support"
href="http://cyanideperfection.net/support/index.php">

</map>

[codeexploiter]

Replace the <img> tag in your posted code with the below mentioned one



<img src="navigation.PNG"
width="800" height="40"
usemap="#navmap" border="0">

[tech_support]

I'm pretty sure that border="0" is deprecated. Use this instead of border="0":


style="border:0;"

[codeexploiter]

I'm pretty sure that border="0" is deprecated. Use this instead of border="0":


style="border:0;"

You are correct the border attribute is deprecated in favor of CSS. So whoever wants to specify the border attribute on a <img> tag can either go for an inline style like the following


style="border:0;"

or

Can have an entry like the following in their CSS file or <style> section


img {border:0;}

Thanks tech_support for the correction

[lord_havoc]

Thanks for the help guys. That solved it!