cell spacing css made buttons on platform pro

[psychandtheother 0]

I've tried just about everything to get my primary navigation bar that is css made buttons to have a certain cell spacing. I would love it if I can get all the buttons to be symmetrical with the rest of the buttons on the nav bar. anyone have an idea as to how to do that? http://www.psychologyandtheother.com/ is my site

[catrina 103]

Are you trying to decrease the cell spacing so that the "Contact Us" button on the second row moves to the first row?

[psychandtheother 0]

that would work catrina, the last button would auto align that way. is the code still the same? I'm not getting the results I want with my code.

[catrina 103]

Which code have you tried so far? I think in order for the items to fit on one row, the size of the text in the buttons would have to be smaller.

[psychandtheother 0]

I agree what if we could evenly space out the 7 that we have to fit on 2 even rows. I've tried #prim.Nav { cell-space: #px) Pretty inexperience with css. I did get them to shit but with little control.

[psychandtheother 0]

Here's what I have for code in my css custom box at the moment regarding my primary nav I'm also having an issue with my bottom box "bleeding" into my top row now that I had to change there colors body #menu-nav .page_item a{ background:#000000; color:white; border:5px solid #000; margin-right:10px; font-family: 'garamond', serif; } body #menu-nav .page_item a:hover{ color:white; background: #000000; } body #menu-nav .current_page_item a{ background: #000000;

[catrina 103]

Would you mind decreasing the width of the buttons, too? (This would also help)

[psychandtheother 0]

I'm definitely up for that symmetry seems to be of primary concern. I usually can get it once i have the right code there. I can tweak from there. Any suggestion would be great!

[catrina 103]

Try adding this CSS to see the difference that's made (this will decrease the font size): [code]ul.main-nav li.page_item a {font-size: 10.5px;}[/code]

[psychandtheother 0]

I tried the code all it did was make my font size smaller. My nav bar didn't actually move. Close though.

[psychandtheother 0]

sorry double post by accident

[Rob 547]

The menu items are set to be position relative, hence they're adjusting to the total width of the area (960px wide) compared to the width of each menu item. There's no cellpadding because it's not a table. Cell spacing or cell-padding is only applicable to cells within a table, not to lists, which the navigation is, though tables seem much easier I think. I often refer people to http://www.cssplay.co.uk/menus/ to take a look at comparable menus to what they're trying to create. You find the one you like ,then view source and you'll see the CSS for that menu. It should give you an idea of what needs to be done. Are you using Firebug for Firefox?

[psychandtheother 0]

Rangleone that's a marvelous idea! yes, firebug with firefox. I'm going to do just that now!