PDA

Click to See Complete Forum and Search --> : highlighted image links

Htmlmonky
12-02-2002, 02:01 AM
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
Klyve1
12-02-2002, 02:50 AM
Could you post the page it's on?
Htmlmonky
12-02-2002, 03:25 PM
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 http://www.angelfire.com/band2/thecolorblack/
and the star logo is the one I wanted to split up. Any advice would be greatly appriciated. THANKS
Klyve1
12-02-2002, 03:27 PM
OK, could you post the code you're using? Or put the page up named as something else?
Htmlmonky
12-02-2002, 03:32 PM
Sure...one sec
Htmlmonky
12-02-2002, 03:35 PM
Here it is...
http://www.angelfire.com/band2/thecolorblack/Star.html
Klyve1
12-02-2002, 03:37 PM
Aha!! Give me 5 mins....
Klyve1
12-02-2002, 03:47 PM
OK, you need to give each image border="0" and this will take away the lovely blue border :)

You should also have NO gaps between the code otherwise it'll separate the images again.

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.

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.
Htmlmonky
12-02-2002, 04:14 PM
Great I'll try that out, and again thanks a lot!!!
Zach Elfers
12-02-2002, 04:20 PM
Originally posted by Htmlmonky
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

Inside each image tag but border="0".:)
Zach Elfers
12-02-2002, 04:21 PM
Sorry, I didn't see the above post.
Stefan
12-02-2002, 05:15 PM
You could also use CSS

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<title></title>
<style title="Default" media="screen" type="text/css">
#star {text-align:center;}
#star a {border:0;}
#star img {border:0; vertical-align:bottom;}
</style>
</head>
<body>

<div id="star">
<a href="Equipment.html"><img src="star1.jpg"></a>
<a href="News.html"><img src="star2.jpg"></a>
<a href="Lyrics.html"><img src="star3.jpg"></a>
<br>
<a href="shows.html"><img src="star4.jpg"></a>
<a href="News.html"><img src="star5.jpg"></a>
<a href="bios.html"><img src="star6.jpg"></a>
<br>
<a href="Contact.html"><img src="star7.jpg"></a>
<a href="Links.html"><img src="star8.jpg"></a>
<a href="Pictures.html"><img src="star9.jpg"></a>
</div>

</body>
</html>
Htmlmonky
12-03-2002, 07:20 PM
Thanks to everyone who helped I took your advice and now it works just like I pictured it!!