I've centered the menu but it doesn't appear in the center and sometimes it appears with a different width of space between the options
I've centered the menu but it doesn't appear in the center and sometimes it appears with a different width of space between the options
Because it's not really centered - I'm sure you still have paddings and margins, etc., to contend with.
Just to make sure, this is the section that has to be changed, right?
#index ul {
display: inline-block;
width: 130px; /* the width of each column in the menu */
list-style-type: none;
overflow: auto;
margin: 0px 0px 20px 0px;
padding: 35px 0px 0px 0px;
There more to it than that - check the .container, as well.
Use a tool like Firebug and you can visually see this stuff in the browser.
sorry I'm trying to keep up and manage the changes but I am not a programmer...
this is what I found with container, if you mean on the same css file
#img-container { margin: 0; padding: 0; }
#img-container p { width: 600px; margin: 0; padding: 0 0 12px 0; }
Nope, .container or #index .container (or even both).
not able to change it, some tips as to where it is what I have to change?
anyone.......
I need some help, I must have done it wrong, as when I do zoom in all the menu options move....
????
You need to check paddings and margins and widths on all the divs containing your parts. Only when they are all balanced will things truly center.
This thread has been closed, thank you.