[help] Centering Footer Menu

[joelupet]

First of all, I am not a Webdev and I need your help. By the way here is a preview of some coding http://jsfiddle.net/joelupet/9NKzU/.

I would like to see my menu centered. Also, if there is alternative way like add id$class to UL elements structure.

Thanks and hoping for your response.

[Sammy12]

Originally Posted by joelupet

Also, if there is alternative way like add id$class to UL elements structure.

You would set the id and/or class in the HTML:

<ul id="mainNav" class="nav">
    ...
</ul>

Then target them in your CSS:

ul {
   ...
}
.nav {
    ...
}
ul.nav {
    ...
}
#mainNav {
    ...
}
#mainNav.nav {
    ...
}

Originally Posted by joelupet

I would like to see my menu centered.

How can it be centered if it has a width of 100%? You would have to decrease that width and use margin: 0 auto;

#footer_menu ul{
    width:100%; /* reduce */
    margin: 0 auto; /* add */
    overflow:hidden;
    background-color:red;
}