# Website Q: Why do some thumbnails have a border and others dont?

**URL:** https://boards.straightdope.com/t/website-q-why-do-some-thumbnails-have-a-border-and-others-dont/82826
**Category:** Factual Questions
**Created:** [September 20, 2001, 4:55pm UTC](https://boards.straightdope.com/t/website-q-why-do-some-thumbnails-have-a-border-and-others-dont/82826 "2001-09-20T16:55:42Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![bunnymom](https://avatars.discourse-cdn.com/v4/letter/b/c4cdca/32.png) [@bunnymom](https://boards.straightdope.com/u/bunnymom)
#### Post date: [September 20, 2001, 4:55pm UTC](https://boards.straightdope.com/t/website-q-why-do-some-thumbnails-have-a-border-and-others-dont/82826/1 "2001-09-20T16:55:42Z")

</div>

I’m really sorry if this is a dumb question, but its got me stumped.

On [this](http://www.angelfire.com/80s/tonycarey/photos.html) 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?

Thank you,  
bunnymom

---

<div class="post-metadata">

### Author: ![Why\_A\_Duck](https://avatars.discourse-cdn.com/v4/letter/w/13edae/32.png) [@Why\_A\_Duck](https://boards.straightdope.com/u/Why_A_Duck)
#### Post date: [September 20, 2001, 5:06pm UTC](https://boards.straightdope.com/t/website-q-why-do-some-thumbnails-have-a-border-and-others-dont/82826/2 "2001-09-20T17:06:14Z")

</div>

Here’s the HTML behind one of your photos with a border:

\<a href=“photo1.html”\>\<img SRC=“tn\_1970s7.jpg” height=86 width=149\>\</a\>

Now here’s one without a border:

\<a href=“photo2.html”\>\<img SRC=“tn\_Postcard.jpg” **BORDER=0** height=97 width=149\>\</a\> (bolding mine)

Notice anything?

---

<div class="post-metadata">

### Author: ![Why\_A\_Duck](https://avatars.discourse-cdn.com/v4/letter/w/13edae/32.png) [@Why\_A\_Duck](https://boards.straightdope.com/u/Why_A_Duck)
#### Post date: [September 20, 2001, 5:11pm UTC](https://boards.straightdope.com/t/website-q-why-do-some-thumbnails-have-a-border-and-others-dont/82826/3 "2001-09-20T17:11:01Z")

</div>

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!

---

<div class="post-metadata">

### Author: ![Omniscient](https://sea3.discourse-cdn.com/straightdope/user_avatar/boards.straightdope.com/omniscient/32/3290_2.png) [@Omniscient](https://boards.straightdope.com/u/Omniscient)
#### Post date: [September 20, 2001, 5:36pm UTC](https://boards.straightdope.com/t/website-q-why-do-some-thumbnails-have-a-border-and-others-dont/82826/4 "2001-09-20T17:36:55Z")

</div>

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¢

---

<div class="post-metadata">

### Author: ![bunnymom](https://avatars.discourse-cdn.com/v4/letter/b/c4cdca/32.png) [@bunnymom](https://boards.straightdope.com/u/bunnymom)
#### Post date: [September 20, 2001, 6:37pm UTC](https://boards.straightdope.com/t/website-q-why-do-some-thumbnails-have-a-border-and-others-dont/82826/5 "2001-09-20T18:37:35Z")

</div>

Thank you, thank you, thank you! 🙂

[sub]It never occured to me to check the html…I’m such a moron sometimes…[/sub]

---

<div class="post-metadata">

### Author: ![pesch](https://sea3.discourse-cdn.com/straightdope/user_avatar/boards.straightdope.com/pesch/32/4925_2.png) [@pesch](https://boards.straightdope.com/u/pesch)
#### Post date: [September 20, 2001, 7:59pm UTC](https://boards.straightdope.com/t/website-q-why-do-some-thumbnails-have-a-border-and-others-dont/82826/6 "2001-09-20T19:59:31Z")

</div>

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.

---

<div class="post-metadata">

### Author: ![The\_Bad\_Astronomer](https://avatars.discourse-cdn.com/v4/letter/t/f05b48/32.png) [@The\_Bad\_Astronomer](https://boards.straightdope.com/u/The_Bad_Astronomer)
#### Post date: [September 20, 2001, 8:38pm UTC](https://boards.straightdope.com/t/website-q-why-do-some-thumbnails-have-a-border-and-others-dont/82826/7 "2001-09-20T20:38:57Z")

</div>

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\>

---

<div class="post-metadata">

### Author: ![Earthling](https://avatars.discourse-cdn.com/v4/letter/e/90db22/32.png) [@Earthling](https://boards.straightdope.com/u/Earthling)
#### Post date: [September 20, 2001, 9:28pm UTC](https://boards.straightdope.com/t/website-q-why-do-some-thumbnails-have-a-border-and-others-dont/82826/8 "2001-09-20T21:28:42Z")

</div>

> [@](#):
>
> \*Originally posted by pesch \*  
> **…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 … Someone could probably suggest an easier way around this problem using HTML.**

Try **hspace** and **vspace** :  
\<img width=x height=y src=myphoto.jpg hspace=a vspace=b\>  
Replace x, y, a, and b with the number of pixels you want.
