PDA

View Full Version : want borders on thumbnails but not on other images


busyone
07-10-2005, 11:42 AM
Hello,

I've searched the forums, and I can't quite find the answer for this.

I used a solution from another thread to remove an unwanted border from my logo title (which is an image).

I typed this into my css:
img {
border: 0px;
}

It worked well.

However, I would like a 1px grey border around my thumbnails without affecting the logo title. Obviously, the code above is preventing any borders on images whatsoever.

How do I create borders ONLY on thumbnails, but not on my logo title?

Thanks in advance.

www.shuttercandy.com

Connie
07-10-2005, 11:59 AM
busyone,

look for
.thumbnails {padding-left:2px;padding-right:2px;padding-top:0;padding-bottom:0;border-left:1px solid black;border-right:1px solid black;border-top:0 solid black;border-bottom:0 solid black;}
.current-thumbnail {padding-left:2px;padding-right:2px;padding-top:0;padding-bottom:0;border:1px dashed black;}

as this is the style-definition for the thumbnails!

as always, I repeat:

use firefox
download the web-extensions
load your page in firefox
in the web-extension-bar: CSS/view style-information
move the cursor to the part of the site you want to examine
you will see the exact CSS-identity of that part in the status-bar

so you will see that the thumbnails have the class "thumbnails" and the current one has "current-thumbnail"

busyone
07-10-2005, 04:44 PM
Thanks a lot Connie. Sorry for all the questions. Getting the hang of it now. :)

Connie
07-10-2005, 05:32 PM
great to hear! When you are through all these steps, show us your photos!