Page 1 of 1

how do you add a black border around tumbnails?

PostPosted: Sun Jul 13, 2008 4:55 am
by stir
any idea?

Re: how do you add a black border around tumbnails?

PostPosted: Sun Jul 13, 2008 6:49 am
by phil_stubbs
Not sure if you know about CSS, If you do the follwoing works for me for putting a border around thumbnails. In my case I am using 2 tones though.

img.thumbnail {
border-top : 3px solid <getvar color8>;
border-left : 3px solid <getvar color8>;
border-bottom : 4px solid <getvar color11>;
border-right : 4px solid <getvar color11>;
}

If you are unsure of CSS then, I suggest reading through the stickies on this forum and let people know your level of knowledge.

Phil

Re: how do you add a black border around tumbnails?

PostPosted: Mon Aug 04, 2008 1:48 pm
by dwbur
I too am new at creating style sheets. I must be doing something wrong, I did a new sheet from the default one that pops up. I just want to add a border and change the background color. The background color is easy, but I'm doing something wrong with the boarder. Mine ended up looking like the following, but it doesn't give me the border. I got the code from a tutorial on style sheets.

Thanks for any help


DIV,BODY,TD,TH,TR,TABLE,FONT,INPUT,LI,UL,FORM,
BLOCKQUOTE,P,B,I,H1,H2,H3,H4,H5 {
font-family: arial,helvetica,sans-serif;
color : #888888;
background : white;
}

A:link { color : #5865e1}
A:active { color : #d5ae83}
A:visited { color : #5068e3}
A:hover { color : #5b80b7}

.caption {
font-size : 9pt;
color : #dddddd;
font-style : italic;

IMG.thumbnail
border:10px black solid;
}

Re: how do you add a black border around tumbnails?

PostPosted: Mon Aug 04, 2008 3:33 pm
by flemmingbo
Hi !

Just adding this

border:10px black solid;

To the IMG.thumbnail class in your CSS should work perfectly fine.

I noticed in your copy and pasted example though, that you are missing the opening { Look at the code after IMG.thumbnail, you need a { before the border command.

Code should be:

IMG.thumbnail
{
border:10px black solid;
}

regards,

Flemming


dwbur wrote:I too am new at creating style sheets. I must be doing something wrong, I did a new sheet from the default one that pops up. I just want to add a border and change the background color. The background color is easy, but I'm doing something wrong with the boarder. Mine ended up looking like the following, but it doesn't give me the border. I got the code from a tutorial on style sheets.

Thanks for any help


DIV,BODY,TD,TH,TR,TABLE,FONT,INPUT,LI,UL,FORM,
BLOCKQUOTE,P,B,I,H1,H2,H3,H4,H5 {
font-family: arial,helvetica,sans-serif;
color : #888888;
background : white;
}

A:link { color : #5865e1}
A:active { color : #d5ae83}
A:visited { color : #5068e3}
A:hover { color : #5b80b7}

.caption {
font-size : 9pt;
color : #dddddd;
font-style : italic;

IMG.thumbnail
border:10px black solid;
}