PDA

View Full Version : Navbar menu ? Center alignment


Slowpoked
10-19-2010, 09:41 PM
Hello. I need to place the navbar menu at the center, the examples in the screenshots below. Tried to use text-align: center and other methods that found in Google, but without results.
What I have at the moment:
http://img515.imageshack.us/img515/5316/snap20101020043045007.jpg
What should be done:
http://img816.imageshack.us/img816/5585/snap20101020043152008.jpg
I would be grateful for any advice.

Lynne
10-19-2010, 10:11 PM
I don't think you can do it with just CSS the way it is written right now. I think you'd need to rewrite that portion of the navbar template.

caciocode
10-19-2010, 11:00 PM
I think you might have to edit the navbar template under Navigation/Breadcrumb Templates somewhere starting: <div id="navbar" class="navbar">

Slowpoked
10-19-2010, 11:27 PM
Thanks for the advice, I know that this code is in the template navbar, but the problem is I don't know how to implement my task, so I created the thread, as was hoping for a more detailed advice.
Thanks again for your advice.

Mycologist
11-10-2010, 02:18 AM
Yes I have asked about this in the past too...any help would be very much appreciated by me as well!

DanielMaidment
12-03-2010, 07:00 PM
i am also looking for this except to move it all right, and its really starting to annoy me now

Lynne
12-03-2010, 09:34 PM
Move it all right should just be a matter of changing the css which aligns it left to align it right. Use a tool like firebug for firefox to figure that out. What are you going to do about the Search box on the left though?

betts02
12-05-2010, 11:13 AM
Looks nice like this, If you do manage to figure it out please let us all know

cheers

ilvikingo
01-10-2011, 02:26 PM
no solution to this problem?

Xtrato
01-11-2011, 06:43 AM
this is what i would do........

first go edit your Nav template , look for this NAV ID "navbar" ( this is what im editing on vb.com with FB ) ..

before that place a new nav :

<div style="position: fixed; left: 50%; margin-left: -270px;">


just make sure you CLOSE THE DIV ! after the navbar DIV , this should work , but you need to do some more editing to make it look neat..