Help! I'm new to web design and I have a problem. How do I center the bottom navigation links in a website?
Help! I'm new to web design and I have a problem. How do I center the bottom navigation links in a website?
Put them in a div or an unordered list that is itself centered, and make sure that the links are set to either inline or inline-block. If you use an unordered list, you'll need to do something similar with the li elements (no floats!)
If I've helped you out in any way, please pay it forward. My wife and I are walking for Autism Speaks. Please donate, and thanks.
If someone helped you out, be sure to "Like" their post and/or help them in kind. The "Like" link is on the bottom right of each post, beside the "Share" link.
My stuff (well, some of it): My bowling alley site | Canadian Postal Code Info (beta)
Here you this is what I did on this website Washington State Representative Drew MacEwen (R) 35th District, Position 2 When you are looking at a website and are curious how they did something, take a look at the code by hitting CTRL U or right click on website and select view page source and see for yourself, it will help to learn the different techniques. I hope this helps!
[CSS]HTML Code:<div class="footer"> <div class="footer_links"> <a href="#">Home</a> <a href="#">About</a> <a href="#">Issues</a> <a href="#">Media</a> <a href="# ">Contact</a> </div> </div>
.footer {
margin: auto;
background-image:url(footer_bg.png);
width: 950px;
height: 131px;
clear: both;
font-family: 'Roboto', sans-serif;
color: #fff;
font-size: 14px;
}
.footer_links {
font-weight: 700;
padding-top:75px;
text-align: center;
}
[/CSS]