Re: how do you add a black border around tumbnails?
Posted:
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?
Posted:
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?
Posted:
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;
}