Hey,

I just put together a quick photolog at:

http://www.flatlevelground.com/mt/photo

My pictures are getting lost on the black background though, is there anyway to add a border around them through CSS? Or is this something that I'm going to have to do in photoshop??  I'm not to infromed on CSS yet....

allison.

2 ways of doing this.

1) make a border in the img tag.

[img]blah.jpg[/img]

2) do it in css.

img { border: 1px #FFF;}

2 ways of doing this.

1) make a border in the img tag.



2) do it in css.

img { border: 1px #FFF;}

I tried that...didn't work


For the CSS one do I have to put anything in the actual index files? or just the stylesheet....I've tried it both ways but it still doesn't work.


allison.

I don't want borders around all my images, only some of them, so I specify a photo class in my CSS. Here is my code:



Then I do my photo's image tags like this:



The alt and width/height tags are there for xhtml compliance, and then specifying the class has it use the CSS to style it, giving it an 8 pixel margin, and a 1 pixel solid border. You can of course specify colors and various thicknesses and style for the border, I just use a very simple one. That should work fine for you, assuming your stylesheet is working properly in general.

Peace,
sam

Try instead:

Note that will automatically put a 1 pixel wide, solid white border around EVERY image tag on your page. I guess you could get around that by creating an element in your stylesheet in relation to the 'blogbody' part of your page (or whatever you have named the div id enclosing your entries), such as

 

Hope that helps.

Or as Sam suggested. I got distracted while posting, but he makes good points! Now, back to my distractin.

Thanks to the flexibility of CSS, there are quite a few good ways to do it, and we've seen three good ones so far. Hopefully you'll find one of these does the trick for you.

Peace,
sam