Why some graphics have borders around and some not ??

Sorry for a totally banal question: why some of the graphics have borders around them "by default" and some haven't; of course, all this applies only to cases when border: 0; (or in HTML: border="0") is not specified ...


- For instance, see my home-site's events7.html page and you'll see small 16x16 icons (it's the "img.icon" class in the "sub.css" stylesheet-file) near by the links pointing to posts at Ars Technica forum; and these have no border "wrapped" around them.

- While many of other graphics, namely the row of various graphics on the intro.html page (it's the "img.mix" class in the "root.css" stylesheet-file; note that now I've added the border: 0; line) all have borders around.


/EDIT: One such example is the "The Internet Traffic Report" (I haven't fix yet this one, so you can clearly see the border) at the bottom of the same events7.html page linked above, while on the other hand graphics on certs.html page again don't have them.


thanks in advance, tayiper

 

/UPDATE: Oh well nevermind, I think that I already know the answer now ...


I've just discovered "the secret" (at least I suppose so), i.e. I guess that it's the difference between posting a graphic "as a banner" (that links to some other page), and posting it "directly" onto a page, am I right ?!!


P.S. -- Sorry for opening a thread before I thought everything through !!


tayiper

 

It looks like, to me, that they have borders around them because they are active links. Unless you specify for an image to not have a border, the browsers will add one to distinguish it as an active link.

If you want to take the border off, go to the line that adds the image to your site and add:

border="0"

at the end. So it would look like this:

<img src="images/someimage.jpg" height="x" width="x" border="0" />

Hope this helps and good luck

 

Well I rather so it with CSS, but thanks anyway ...


tayiper

 

I'll have to recheck but I'm pretty sure the syntax is:

img{
border: 0px;
}