I am making a website for my band and I decided picture links where the best way to link to other parts of the site. So I divided our band logo into nine parts, each linking to another part of the site. I wanted to then fit them back together but there is red lining highlighting each picture link making the picture look like nine separate squares with red lining dividing them, and I want them to fit together seemlessly without knowing that there are nine parts to the picture...is there any way to do a picture link without the red lining?? THANKS MIKE<!--content-->Could you post the page it's on?<!--content-->Actually I did not leave it on the site because I wanted to fix it before I posted it back up 
...but if you have any suggestions or if you have a possible solution I'll try it out. The site that I am working on is <!-- m --><a class="postlink" href="http://www.angelfire.com/band2/thecolorblack/">http://www.angelfire.com/band2/thecolorblack/</a><!-- m --><br />
and the star logo is the one I wanted to split up. Any advice would be greatly appriciated. THANKS<!--content-->OK, could you post the code you're using? Or put the page up named as something else?<!--content-->Sure...one sec<!--content-->Here it is...<br />
<!-- m --><a class="postlink" href="http://www.angelfire.com/band2/thecolorblack/Star.html">http://www.angelfire.com/band2/thecolorblack/Star.html</a><!-- m --><!--content-->Aha!! Give me 5 mins....<!--content-->OK, you need to give each image border="0" and this will take away the lovely blue border
<br />
<br />
You should also have NO gaps between the code otherwise it'll separate the images again.<br />
<br />
I'd also suggest you put in the height and width sizes as well as this aids page layout while the browser renders the page.<br />
<br />
You may also want to try and cut the image up again as the top left image is 1 pixel smaller in height as the other 2 top ones.<!--content-->Great I'll try that out, and again thanks a lot!!!<!--content-->Originally posted by Htmlmonky <br />
I am making a website for my band and I decided picture links where the best way to link to other parts of the site. So I divided our band logo into nine parts, each linking to another part of the site. I wanted to then fit them back together but there is red lining highlighting each picture link making the picture look like nine separate squares with red lining dividing them, and I want them to fit together seemlessly without knowing that there are nine parts to the picture...is there any way to do a picture link without the red lining?? THANKS MIKE <br />
<br />
Inside each image tag but border="0".<!--content-->Sorry, I didn't see the above post.<!--content-->You could also use CSS<br />
<br />
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><br />
<html><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><br />
<meta http-equiv="Content-Script-Type" content="text/javascript"><br />
<meta http-equiv="Content-Style-Type" content="text/css"><br />
<title></title><br />
<style title="Default" media="screen" type="text/css"><br />
#star {text-align:center;}<br />
#star a {border:0;}<br />
#star img {border:0; vertical-align:bottom;}<br />
</style><br />
</head><br />
<body><br />
<br />
<div id="star"><br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"Equipment.html"><img src="star1.jpg"></a><br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"News.html"><img src="star2.jpg"></a><br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"Lyrics.html"><img src="star3.jpg"></a><br />
<br><br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"shows.html"><img src="star4.jpg"></a><br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"News.html"><img src="star5.jpg"></a><br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"bios.html"><img src="star6.jpg"></a><br />
<br><br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"Contact.html"><img src="star7.jpg"></a><br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"Links.html"><img src="star8.jpg"></a><br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"Pictures.html"><img src="star9.jpg"></a><br />
</div><br />
<br />
</body><br />
</html><!--content-->Thanks to everyone who helped I took your advice and now it works just like I pictured it!!<!--content-->
...but if you have any suggestions or if you have a possible solution I'll try it out. The site that I am working on is <!-- m --><a class="postlink" href="http://www.angelfire.com/band2/thecolorblack/">http://www.angelfire.com/band2/thecolorblack/</a><!-- m --><br />and the star logo is the one I wanted to split up. Any advice would be greatly appriciated. THANKS<!--content-->OK, could you post the code you're using? Or put the page up named as something else?<!--content-->Sure...one sec<!--content-->Here it is...<br />
<!-- m --><a class="postlink" href="http://www.angelfire.com/band2/thecolorblack/Star.html">http://www.angelfire.com/band2/thecolorblack/Star.html</a><!-- m --><!--content-->Aha!! Give me 5 mins....<!--content-->OK, you need to give each image border="0" and this will take away the lovely blue border
<br /><br />
You should also have NO gaps between the code otherwise it'll separate the images again.<br />
<br />
I'd also suggest you put in the height and width sizes as well as this aids page layout while the browser renders the page.<br />
<br />
You may also want to try and cut the image up again as the top left image is 1 pixel smaller in height as the other 2 top ones.<!--content-->Great I'll try that out, and again thanks a lot!!!<!--content-->Originally posted by Htmlmonky <br />
I am making a website for my band and I decided picture links where the best way to link to other parts of the site. So I divided our band logo into nine parts, each linking to another part of the site. I wanted to then fit them back together but there is red lining highlighting each picture link making the picture look like nine separate squares with red lining dividing them, and I want them to fit together seemlessly without knowing that there are nine parts to the picture...is there any way to do a picture link without the red lining?? THANKS MIKE <br />
<br />
Inside each image tag but border="0".
<!--content-->Sorry, I didn't see the above post.<!--content-->You could also use CSS<br /><br />
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><br />
<html><br />
<head><br />
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"><br />
<meta http-equiv="Content-Script-Type" content="text/javascript"><br />
<meta http-equiv="Content-Style-Type" content="text/css"><br />
<title></title><br />
<style title="Default" media="screen" type="text/css"><br />
#star {text-align:center;}<br />
#star a {border:0;}<br />
#star img {border:0; vertical-align:bottom;}<br />
</style><br />
</head><br />
<body><br />
<br />
<div id="star"><br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"Equipment.html"><img src="star1.jpg"></a><br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"News.html"><img src="star2.jpg"></a><br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"Lyrics.html"><img src="star3.jpg"></a><br />
<br><br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"shows.html"><img src="star4.jpg"></a><br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"News.html"><img src="star5.jpg"></a><br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"bios.html"><img src="star6.jpg"></a><br />
<br><br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"Contact.html"><img src="star7.jpg"></a><br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"Links.html"><img src="star8.jpg"></a><br />
<a href=http://www.webdeveloper.com/forum/archive/index.php/"Pictures.html"><img src="star9.jpg"></a><br />
</div><br />
<br />
</body><br />
</html><!--content-->Thanks to everyone who helped I took your advice and now it works just like I pictured it!!<!--content-->