I need a main menu and a smaller menu for the footer at the bottom of the page. I made the main menu with the css menu builder in the software but I need a smaller version for the footer. Any ideas how that can be accomplished. Details are very appreciated.
Thank you all,
Derrick
I need 2 menus- need help - Post ID...
Derrick Wright
Registered User
18 posts
SirAGE
Registered User
1,625 posts
Here are two options. I would suggest taking the Styling out of the div's and placing it in your CSS. But this is a start and you can style it any way you wish.
<div style="background-color:#cccccc;">
<p><a href="#">Lorum</a> | <a href="#">Ipsum</a> | <a href="#">Dolar</a>
| <a href="#">Sic Amet</a> | <a href="#">Consectetur</a></p>
<p style="font-size: 0.6em">©2008 Lorem Ipsum Dolar <a href="#">Sic Amet</a> •
<a href="#">Consectetur</a></p>
</div>
<div style="text-align: center; border-top: 2px solid #999; margin-top: 1em;">
<p><a href="#">Lorum</a> • <a href="#">Ipsum</a> • <a href="#">Dolar</a> • <a href="#">Sic Amet</a> • <a href="#">Consectetur</a></p>
<p style="font-size: 0.6em;">©2008 Lorem Ipsum Dolar Lorem ipsum dolor sit amet, consetetur
sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam
et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
sanctus est Lorem ipsum dolor sit amet.</p>
</div>
_______________________________________________________________________
<p><a href="#">Lorum</a> • <a href="#">Ipsum</a> • <a href="#">Dolar</a> • <a href="#">Sic Amet</a> • <a href="#">Consectetur</a></p>
<p style="font-size: 0.6em;">©2008 Lorem Ipsum Dolar Lorem ipsum dolor sit amet, consetetur
sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et
dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam
et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata
sanctus est Lorem ipsum dolor sit amet.</p>
</div>
_______________________________________________________________________
<div style="background-color:#cccccc;">
<p><a href="#">Lorum</a> | <a href="#">Ipsum</a> | <a href="#">Dolar</a>
| <a href="#">Sic Amet</a> | <a href="#">Consectetur</a></p>
<p style="font-size: 0.6em">©2008 Lorem Ipsum Dolar <a href="#">Sic Amet</a> •
<a href="#">Consectetur</a></p>
</div>
"An Apple doth not fall far from its tree, yet an orange does."
https://lbwebsitedesign.com - Responsive Web Design & Web Hosting Services.
http://helpsite.sirage.com - HTML5, CSS3 and CC Help Video Blog.
https://lbwebsitedesign.com - Responsive Web Design & Web Hosting Services.
http://helpsite.sirage.com - HTML5, CSS3 and CC Help Video Blog.
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.
