Adding black border to jpegs with css?

Is it possible to add a black border to photos using css? Ive tried googling it but I think its the old shit in shit out as im not getting what I need.

Any idea?

Re: Adding black border to jpegs with css?

Are the images going to be one single size? If so you can create a class or ID that sets a container with those parameters, giving it a black border.

Re: Adding black border to jpegs with css?

Yes they would be all one size. Its just thumbs.

Re: Adding black border to jpegs with css?

give me a sec and I’ll pm you the code

Re: Adding black border to jpegs with css?

PM sent, contact me on ICQ if you need to, 19792784

Re: Adding black border to jpegs with css?

in a stylesheet
img {border:2px solid #000;}

on the image
<img src=“someimage.jpg” style=“border:2px solid #000;” />

Re: Adding black border to jpegs with css?

You can also set each border separately. Sometimes it looks good to have a slightly wider border at the bottom: polaroid effect! :wink:

border-width: 6px 6px 6px 6px

The way to remember which number is which border is to think of a clock face. The first number is 12 o’clock (top border), second is quarter past (right border) and so on…

You can abbreviate the CSS too but I don’t want to complicate things :slight_smile:

Re: Adding black border to jpegs with css?

Wow thanks everyone. Some great tips here. I really need to learn this CSS stuff :slight_smile:

Re: Adding black border to jpegs with css?

Your new design on your free sites is great!

Re: Adding black border to jpegs with css?

Thanks Anthony. They seem to get more sales too. I used the advice people gave me in the workshop and its worked out really well for me. My old style was rubbish though lol

Re: Adding black border to jpegs with css?

Yeah, darker colours really seem to make the sales. My really really old free sites were on a white background and the sales seemed to trickle for me. Then when I changed they came in a lot faster.

Re: Adding black border to jpegs with css?

I dont think its just the color. Im using better sponsors and changing my text links on each page plus cropping the thumbs.

Re: Adding black border to jpegs with css?

Yep, I noticed. They seem to load faster now too, have you changed hosts or something?

What do you use to make thumbs btw?

Re: Adding black border to jpegs with css?

No i havent changed hosting, I did downgrade the mbps which slowed it down for a while then had to upgrade again. Some of my sites do load too slow though. I need to recut all my avs front ends, its just finding time :frowning:

I just crop the thumbs in photoshop.

Re: Adding black border to jpegs with css?

Lloyd showed me a good program to use for thumbs…

Saves so much time! You might want to give it a try. I have never figured out a way of doing it quickly in photoshop.

http://www.digitaldutch.com/arles/