Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3

Thread: Footer Help

  1. #1
    New Coder
    Join Date
    Jun 2011
    Posts
    65
    Thanks
    9
    Thanked 0 Times in 0 Posts

    Footer Help

    Hello,

    I am puzzled as to why I can not get the lists in the footer to line up correctly.

    The Link: http://visionarycreativegrp.com/Demos/B2Bv3/

    HTML
    Code:
     <div id="sitemap">
                         		<ul class="column1">
                                	<li class="sitemapcolumnheader">B2B GAMING</li>
    								<li class="sitemapcolumn"><a href="">Home</a></li>
                        			<li class="sitemapcolumn"><a href="">News</a></li>
                        			<li class="sitemapcolumn"><a href="">Awards</a></li>
                        			<li class="sitemapcolumn"><a href="">Team</a></li>
                                    <li class="sitemapcolumn"><a href="">Sponsors</a></li>
    							</ul>
                                
                                <ul class="column2">
                                	<li class="sitemapcolumnheader">COMMUNITY</li>
    								<li class="sitemapcolumn"><a href="">Back2BackTV</a></li>
                        			<li class="sitemapcolumn"><a href="">Back2BackCups</a></li>
                        			<li class="sitemapcolumn"><a href="">Forum</a></li>
                        			<li class="sitemapcolumn"><a href="">Gallery</a></li>
                                    <li class="sitemapcolumn"><a href="">Downloads</a></li>
    							</ul>
                                
                                <ul class="column3">
                                	<li class="sitemapcolumnheader">OTHER</li>
    								<li class="sitemapcolumn"><a href="">Articles</a></li>
                        			<li class="sitemapcolumn"><a href="">Reviews</a></li>
                        			<li class="sitemapcolumn"><a href="">Contact</a></li>
                        			<li class="sitemapcolumn"><a href="">About</a></li>
                                    <li class="sitemapcolumn"><a href="">Register</a></li>
    							</ul>
                         </div> 
    Code:
    CSS
    /* ===== SITEMAP ===== */ #sitemap { float: left; margin-left: 500px; margin-top: -200px; } .column1 { float:left; margin-left: 0px; width: auto; } .column2 { float: left; width: auto; } .column3 { float:left; margin-left:240px; width: auto; } .sitemapcolumnheader { color: #FFF; font-size:13px; list-style:none; font-weight: bold; padding-bottom: 5px; text-shadow: 1px 1px #111; } .sitemapcolumn { color: #FFF; font-size:13px; list-style:none; text-shadow: 1px 1px #111; }

  • #2
    New Coder
    Join Date
    Feb 2012
    Posts
    22
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Try

    margin-left: 240px; setting it to AUTO;

    if not why not the use of Tables. inside the Footer

  • #3
    New Coder
    Join Date
    Jun 2011
    Posts
    65
    Thanks
    9
    Thanked 0 Times in 0 Posts
    Thanks for the help. I changed some code around but can't seem to get the B2B Gaming all on one line. Any suggestions?
    Last edited by Canman07; 03-01-2012 at 09:05 PM.


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •