footer using ul is perfect with...

User 474020 Photo


Registered User
19 posts

I am using the ul tag for my footer navigation. I think the padding and the text align is being ignored in firefox and opera. Can anyone give me some direction?

#footerli { margin: 0; padding: 10px; text-align:center; vertical-align: middle; color: #ffffff; display: inline; font-size: 12px; font-weight: bold; }
#footerul { margin: 0; white-space:nowrap; list-style: none; }


The page I am attempting is http://www.uwearusa.com/Test2.html
User 355448 Photo


Ambassador
3,144 posts

Chris,

You can only use an ID one time. <li id="onetimeuse">

Try putting a space between footer and li, like this:
#footer li { margin: 0; padding: 10px; text-align:center; vertical-align: middle; color: #ffffff; display: inline; font-size: 12px; font-weight: bold; }

Do the same with your #footerul.

Now in your footer div, change it to be <div id="footer"> and make your ul and li statements look like this:

<ul>
<li><a href="http://www.uwearusa.com">Main</a></li>
<li><a href="http://www.uwearusa.com/contact.html">Contact Us</a></li>
<li><a href="http://www.uwearusa.com/links.html">Links</a></li>
</ul>

That should help standards compliant browsers such as Firefox and Opera to read your styles.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.