I’m really sorry if this is a dumb question, but its got me stumped.
On this page of my rinky-dink little site I have a bunch of thumbnails that are links to pages where the full sized image is. For some reason, some of the thumbs have a border around them and others don’t. I can’t seem to figure out why, and I’m worried that the borders/lack of borders makes it appear that only some of the pics are links. They are all links.
I made this page using Netscape Composer. I tried checking the link/image properties to see what the difference is between the bordered/non-bordered, but I can’t see any. All the thumbs were made using the same program : Easy Thumbnails v1.0. On preview, none have borders. The files on my comp have no borders. But the some on the webpage do.
Could anyone give me ideas about why this happened? Or how I can change it?
Sorry, only answered half your question. I’m not sure how to do it in Composer, but if you open your HTML file in a text editor and delete all instances of BORDER=0, then all your photos should have borders (I think the default is BORDER=1).
Good luck!
pcubed is correct, and I just wanted to clarify that the problem you are having is a HTML one, not a image one. Its not that the images themselves have borders, its that the HTML code that’s formating the display is being told to place borders around them.
From a style point of view, I’d reccomend setting ALL the borders to equal “0”. People generally assume that a thumbnail is a link to a larger image, and the action of the cursor arrow changing to a hand (in IE) is enough of a guide. If you want to be certain I’d simply add a line of text above the series saying something like “Click the thumbnail for a larger image”. Just my 2¢
Don’t feel bad about it; there’s a lot of little things to keep track of. For example, when prepping fotos for my Web site, I’ll add a border of white air around them, so that there will be a little gap between it and the text (I have the text wrapping around the photo). Someone could probably suggest an easier way around this problem using HTML.
And a pet peeve of mine: make sure that when you link the picture using the A HREF tag, you don’t have any spaces in it. If you do, HTML interprets the space as a link, and puts a little blue underscore mark (_) next to your picture. This annoys me no end on websites, and I see iton professional sites all the time.
So don’t do <a href="some link.html><img src=“someimage.jpg”> </a> (note space between image bracket and the </a> tag); do this: <a href=“some link.html><img src=someimage.jpg”></a>
