Need Help with Css

[giftsandwhatnot]

I'm trying to make a frame around the sideboxes. My columns are set at 200px width and my images are 200px width.

Through trial and error and finally got the images to all sit right but now I need to get the text to fit within the frame?

http://test.thebusysingleparent.com/

What do I need to do?

Thanks in advance for any help!

Also - is there a way to be able to just put this frame around the category sidebox and not the rest of the sideboxes?

Ok, I did just find where to fix this but I still would like to be able to just put this frame around the categories sidebox and not the rest?

[stevesh]

Not sure exactly what you mean by a 'frame', but this maybe:

#categoriesContent {border: 1px solid;}

[giftsandwhatnot]

You may have looked after it had changed but it should be changed back now to where if you look you will see what I mean. I used images to frame the box.

If possible I just want the categories box to look like this - also - this is just a test site but I am using dispay_categories_in_seperate_boxes on my real site and just want the frames to show up on these boxes only.

I'm actually restoring the database from my real site so I can use the test site to make new themes and whatnot. That might be why you couldn't see the frames - the restore made it revert to my other theme. But its on the new theme I'm trying to design now.

[stevesh]

Try adding your image to #categoriesHeading rather than .leftBoxHeading, .rightBoxHeading

[gjh42]

I see you have the three-part sliding doors border all worked out. However, the particular way you did it forces a big dead zone at the bottom of the sideboxes. If you switch the container and content backgrounds, so that the container has the repeating sides and the content has the bottom & corners, you can let the content go close to the bottom of the box.

And if you want to use this on just the categories sidebox, transfer the styling to #categoriesHeading {} for the top, #categories {} for the sides, and #categoriesContent {} for the bottom.

[giftsandwhatnot]

I see you have the three-part sliding doors border all worked out. However, the particular way you did it forces a big dead zone at the bottom of the sideboxes. If you switch the container and content backgrounds, so that the container has the repeating sides and the content has the bottom & corners, you can let the content go close to the bottom of the box.

And if you want to use this on just the categories sidebox, transfer the styling to #categoriesHeading {} for the top, #categories {} for the sides, and #categoriesContent {} for the bottom.

Thank you so much!

I do have one more question.

on my real site http://giftsandwhatnot.thebusysingleparent.com/ I currently have the Christmas Countdown code on the main page - how would I put it up to the right of the header logo? I'd like to make that area like an announcement area (there area where the sales tag line goes)