Log in

View Full Version : 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...



<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:



<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:


<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



.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



.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