Help - Search - Members - Calendar
Full Version: How To Put Boxes Around Sidebar Content?
Movable Type Community Forum > Using Movable Type > Templates and Tags
dafyddabhugh
I'm down to the nitty gritty on my blogsite, biglizards.net/blog: for readability, I need to put boxes or containers (with their own background images, or at least their own color) around all of the sidebar content -- or maybe one big container, narrower than the sidebar and just wide enough to contain all the sidebar text.

I cannot find any information about this in my lone Movable Type book (SAMS Teach Yourself Movable Type by Molly Holzschlag and Porter Glendinning) or anywhere online.

If you take a look at Hugh Hewitt's website -- http://www.hughhewitt.com/ -- you can see what I mean about the sidebar content: along the left column, his content (blogroll, radio show info, archives, etc.) is all contained in white boxes for easy readability.

Does anybody have a clue how to do this? I’m thinking that maybe I could insert a container into the defintion of each sidebar element, then include the background image (biglizards.net/Graphics/Parchment.gif). But (a) I don’t know if that would work, and (b) I don’t really know how to go about doing it!

So (a) would it? And (b) how?

Thanks to anyone who can answer this!

Dafydd
dafyddabhugh
Never mind, I solved my problem.

What I did was to insert the following into the #right definition in the stylesheet:


QUOTE
background: #FFF
url(http://biglizards.net/Graphics/Parchment.gif)
repeat;
border: 1px solid #FC9;


That put a box around all of the sidebar content and gave it the background image Parchment.gif, which is just what I wanted.

Thanks anyway!

Dafydd
waverain
Hey, your page looks pretty nice, how did you make the sub boxes? You have about 2 or 3 boxes in each sidebar.
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-2010 Invision Power Services, Inc.