Border around all thumbnails?

[Guest]

I searched for this question to see if it had been answered before but no luck.

 

I'm looking for an easy way to include a 1 pixel border around all of the thumbnails that are shown in the store. (Side boxes, produt pages, everywhere)

 

Any tips?

[mazza]

Try this in stylesheet.css:

 

a:link img {

border: thin solid #0000FF;

}

 

It creates border for every image inside a link. You need to make some modifications to restrict the effect to thumbnails. Maybe more selectors.

[Guest]

Try this in stylesheet.css:

 

a:link img {

border: thin solid #0000FF;

}

 

It creates border for every image inside a link. You need to make some modifications to restrict the effect to thumbnails. Maybe more selectors.

 

Thanks!

 

One question, the code seems to be working (most of the time) but not on some thumbnails.

 

For example:

 

http://store.motozine.com/catalog/default....php?cPath=21_22

 

Any ideas on why it's not working on only some of the thumbnails?

[Guest]

Hi MotoZine,

 

has nothing to do with your question, but you should install a thumbnail contribution, at the moment your thumbnails are just resized from the browser, but transmitted as the big image.

 

your page would load much faster if it were real thumbnails.

[Guest]

Try this in stylesheet.css:

 

a:link img {

border: thin solid #0000FF;

}

 

It creates border for every image inside a link. You need to make some modifications to restrict the effect to thumbnails. Maybe more selectors.

 

Thanks!

 

One question, the code seems to be working (most of the time) but not on some thumbnails.

 

For example:

 

http://store.motozine.com/catalog/default....php?cPath=21_22

 

Any ideas on why it's not working on only some of the thumbnails?

 

Ok, I have been searching the forums and as many CSS pages as I can find for about 6 hours now and am about ready to pull my hair out.

 

Why would the CSS tag work on some thimbnails, and not others? And the thumbnails that it seems to be choking on are the same ones every time.

 

aaaauuuugggghhhh!!!! (I need sleeeeeeep)

[mazza]

This code makes every borders for any image inside a link. so if there is no link in the thumbnail, the border is not shown.

 

What browser are you using, since my IE6 and netscape 6 show the borders but opera 6 does not.

[Guest]

This code makes every borders for any image inside a link. so if there is no link in the thumbnail, the border is not shown.

 

What browser are you using, since my IE6 and netscape 6 show the borders but opera 6 does not.

 

I am using IE 6 at home but it's not showing all of the borders there. I am also using IE 6 at work and just checked it and all of the borders are working.

 

Weird, I would not think it would be a cache problem.

[Waza04]

I KNOW WHAT THE PROBLEM IS!!

 

The problem is that with this perticular style tag, only images that have links on them will have a border.

 

But, when a user click on the image, just like a blue link nomrally goes purple, this goes back to normal as there is no reference in the stylesheet to say what a clicked image looks like!

[Guest]

I KNOW WHAT THE PROBLEM IS!!

 

The problem is that with this perticular style tag, only images that have links on them will have a border.

 

But, when a user click on the image, just like a blue link nomrally goes purple, this goes back to normal as there is no reference in the stylesheet to say what a clicked image looks like!

 

I gave up on the style sheets and used the Big Images contrib and just created a small border around each thumbnail.