[SOLVED] Sizing a new widget area
 

I've tried to adjust the 'width_x' parameter but I can't seem to get the cells of the widget area to be anything except equally divided in the available space. Also, there is no space between them. They need some kind of padding or margin?? Not sure where to put that.

Here is the URL: http://www.horsemansarts.com

The widget area in question has been put at the bottom of the home page. Any help is appreciated!!

Also, the formatting is different from the widgets in the side bar. I tried removing the before/after html but that didn't change anything. Any other thoughts? Is there a way to format these areas directly?

Any thoughts?

:)

try adding a 'width=...' to the TD

Thank you for your reply! I assume that I am to put this in to the CSS inserts section? I did that but there isn't any change. What am I doing wrong?

Thanks again,
Sharon

I'm really struggling to figure this out! I've got Firebug installed and I've been studying the code TRYING to 'connect the dots'. I have added code to the CSS inserts as suggested (plus various experiments I've tried) and I just can't seem to get it to change anything at all. Could something be overriding?

Thanks in advance,

Sharon

Oh futz, my bad :( I keep messing up class's and id and wether to use a '.' or a '#'. Change the code to
the width can be absolute (ie - 40px) or you can use a percentage (65%)

If you use %'s and define it for both columns, the total will be adjusted to 100% even if you don't make it add to 100%. For example if you use 10% and 30% then the first area will be 1/4 the total and the second will be 3/4 the total space.

Ah. OK! I thought I'd tried using #, too but I must have had some other detail wrong. What you gave did work. It was very helpful toward getting me to understand how this works. :-) Upon reflection though, it isn't really the width I need to change. What I really want is space between the two widget areas. Is there a way to code that? Another idea I had was to create a third widget area and fill it somehow with 'white space'. What do you think?

Thanks!!!
Sharon

Try this

Hmmm well that put space above the post. What I want is space BETWEEN centerwidget_1 and centerwidget_2. Can that be done with CSS?

Thanks,
Sharon

HA! How do you like my solution?

http://www.horsemansarts.com/

Thanks for your help!

Sharon

Good job, that was what I was going to suggest

to anyone else following, she added a third center widget between the other two and gave the widths as 49% 2% and 49%