Help - Search - Members - Calendar
Full Version: Frames around photos
Movable Type Community Forum > Additional Resources > Tips and Tricks
vanillasky
I'd like to put a single thin border line around my photos with a gap of a few pixels. (Example: http://www.austingurl.com/)

Is this done through MT commands or just HTML?

Any assistance would be much appreciated.

Thank you
Becky
That particular image was actually edited in a photoediting program like Photoshop; the space and line are part of the image itself.

There are a couple of ways to get this look. First, you could create an "action" or "macro" in your image editor that adds whitespace and a thin border (in Photoshop, for ex., you'd use the "canvas size" dialogue twice, one to add a white border then another for the colored line).

My suggestion, however, would be to do this through CSS. Add something like
CODE
.blogbody .img { padding: 8px; border: 1px solid #666; }
to your stylesheet; then you could easily change the color of all the lines if you change your site's layout or color scheme.
vanillasky
Thank you very much for your very quick reply. I am going to include this in my style sheet.

Thanks for your help
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2009 Invision Power Services, Inc.