Center Glossy Horizontal Menu

**deon** · 10-30-2008, 06:08 PM

Hi there and thanx for EXCELLENT tools.

I have a <div> container and then a div for my menu.

How can I center my menubar? At the moment it looks like it is right aligned.

Thank you so long for your help.

Regards,
Deon

**TheJoshMan** · 10-30-2008, 07:40 PM

without seeing an example it's hard to give an accurate solution... it would be best if you could post a link to an example page so we could get an idea of what needs to be done.

Without seeing any code or example pages, the best advice I could give would be to use...

Code:

<style type="text/css">
#this_is_your_menu {
position:relative;
margin:0 auto;
}
</style>

**deon** · 10-31-2008, 03:39 AM

Hi there.

Here is the page:

www.rmkgen-sets.co.za

Thank you.
Deon

**TheJoshMan** · 10-31-2008, 07:38 PM

the menu is centered from what i can see...

**deon** · 10-31-2008, 08:59 PM

Hi again and thanx for the reply.

What I mean with "center" is that the space to the left of "Home" is the same as to the right of "References". How do I accomplish that?

Thanx,
Deon

**TheJoshMan** · 10-31-2008, 09:43 PM

oh, ok...

try this:

Code:

<style type="text/css">
ul.glossymenu{
text-align:center !important;
}
</style>

put that in the <head> of your page between <head> and </head>

EDIT FOLLOWS:

on second thought, that may not work...

you might try this:

Code:

<style type="text/css">
div#menubar{
text-align:center !important;
}
</style>

**deon** · 11-01-2008, 02:00 PM

Sorry, but that even did not help. I have also gone so far to put a table in the menubar <div> and centre it; no success.

Is it not practise to have what I need?

Thanx for your trouble.
Deon

**TheJoshMan** · 11-01-2008, 02:35 PM

in "menu.css" replace this section

Code:

.glossymenu {
background:transparent url(../graphics/menu//menur_bg.gif) repeat-x scroll 0 0;
height:46px;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 auto;
padding:0 0 0 55px;
position:relative;

and also

Code:

.glossymenu li a {
color:#000000;
cursor:pointer;
display:block;
float:left;
font-family:sans-serif;
font-size:13px;
font-weight:bold;
height:46px;
line-height:46px;
padding:0 0 0 18px;
text-align:center;
text-decoration:none;
}

**deon** · 11-01-2008, 03:58 PM

Thank you VERY VERY much.

It did the trick. Thanx again for your time & patience.

Thanx again.
Deon

**TheJoshMan** · 11-01-2008, 04:52 PM

you're welcome

Thread: Center Glossy Horizontal Menu

Thread Tools

Search Thread

Center Glossy Horizontal Menu

Bookmarks

Bookmarks

Posting Permissions