Center menu

[Ian]

hi ryan

sorry to be an absolute pain … whinging pom and all that … is there any way to centre the menu bar and shorten the nav bar … id say 80% would do it for most monitors …
i have tried ‘float; center’ (not even sure if that is good php code)

have a look at the site  now i have played with css and got the colours looking something like …http://www.balesrus.co.nz/

thanks again for the plugin … best i have ever used … dagon mailer is good but blown out of the water with yours!

regards

ian

[imported_Ryan]

You need to give the #suckerfishnav a fixed width, then use margin:0 auto to center it. Something like the following would work:

[code:107u2ody]#suckerfishnav {width:500px;margin:0 auto}[/code:107u2ody]

[Ian]

hi ryan

have had a ‘bodge’ at the css … love hate relationship growing with css here … is it me or is css just not very ‘intuative’ …

i now have

#suckerfishnav, #suckerfishnav ul {
    align:top;   
    list-style:none;
    line-height:45px;
    padding:0;
    border:1px solid #aaa;
    margin-left: auto; margin-right: auto;
    width:800px;
    }

for http://www.balesrus.co.nz/

i know this is incorrect but sort of works (on ie7 and this sized monitor … which is possibly a big issue) … please feel free to laugh at my feeble attempt

there is now a gap of about 30px which i can not get rid of …

any help (again) is muchly welcomed

ian

[imported_Ryan]

Your problem is caused because you didn’t use margin:0 auto like I suggested above.

There are default margins automatically applied to lists, those margins include both top and bottom, so when you only specified left and right margins, without including the top and bottom then you were left with a gap.

Changing the code you posted above to the following should do the trick:
[code:3546qazt]
#suckerfishnav, #suckerfishnav ul {
    align:top; 
    list-style:none;
    line-height:45px;
    padding:0;
    border:1px solid #aaa;
    margin:0 auto;
    width:800px;
    height:22px
    }[/code:3546qazt]

Note that I also added a height to it, that will allow the background to show through which I’m assuming you wanted to happen.

[johnny baconbitz]

Ryan, I’m having the same problem, can’t center (right to left) the nav.
Here is where I have the site temporarily. http://babiesink.com/testWP/

I’m using child theme for Thematic. I have nav css in style.com commented out for now and am only using the pixo css from the M-L-M interface. Once I get it right I’ll put a copy of the pixo css in the style.css too. I read elsewhere that having it in both places eliminates a known bug.

Can’t for the life of me get this thing to center. Your plugin is truly great, thanks.
E

[imported_Ryan]

Adding the same CSS in two places does not help. If the CSS is not rendering at all on the page, then moving it to your themes CSS will fix that problem.

I see that your main content has been shunted to the right. Did that happen before or after you tried to center the menu?

[johnny baconbitz]

The main content is to the right, right out of the box in Thematic. I didn’t touch that. Before I installed the Pixo M-L-M I had the navbar centered on the page. I can get the Pixo generated nav to do everything
but center left to right.

I moved the css from the M-L-M interface to the theme and still it does nothing. Is there a disconnect with the Pixo css and a child theme "style.css"?

[johnny baconbitz]

Ryan, Thanks for the help but I just had to de-activate it for now, couldn’t get it right. Will be back though, believe in this plug in.
Thanks.

[imported_Ryan]

It looks like you have fixed the problem with your content being moved to the right hand side now.

I don’t understand what you mean by "[i:39znan45]a disconnect with the Pixo css and a child theme ‘style.css’?[/i:39znan45]"

The style.php file in the plugin grabs the CSS from your database which is modified via the plugins settings page. Adding the CSS to your theme file doesn’t do anything if you are also displaying it via your style.php file – unless the style.php file is not working.

[Author]

Posts