• NikkiFox

    (@nikkifox)


    Hey,
    The css style sheet designates a left (.footerleft), middle (.footermiddle) and right (.footerright) section, but three-column style at the bottom of the page has gone away since I’ve customized the content…

    Am I missing something?.. can i just bypass all of this and make a table in the footer.php file?
    Please HELP…
    thanks!

    the css style code:

    /************************************************
    * Footer *
    ************************************************/

    #footer {
    width: 800px;
    color: #333333;
    margin: 0px auto 0px;
    padding: 0px 0px 10px 0px;
    text-align: left;
    line-height: 10px;
    }

    #footer p {
    color: #333333;
    padding: 3px 0px 0px 0px;
    list-style-type: none;
    margin: 0px;
    }

    #footer h2 {
    color: #333333;
    font-size: 12px;
    font-family: Arial, Helvetica, Sans-Serif;
    font-weight: bold;
    border-bottom: 2px solid #336600;
    padding: 0px 0px 2px 0px;
    margin: 15px 0px 0px 0px;
    text-transform: uppercase;
    }

    #footer a, #footer a:visited{
    color: #333333;
    text-decoration: none;
    }

    #footer a:hover{
    text-decoration: underline;
    }

    #footer ul {
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 0px;
    }

    #footer ul li {
    display: inline;
    padding: 0px;
    margin: 0px;
    }

    #footer ul li a, #footer ul li a:visited {
    display: block;
    color: #333333;
    text-decoration: none;
    margin: 0px;
    padding: 5px 0px 5px 0px;
    border-bottom: 1px solid #666666;
    }

    #footer ul li a:hover {
    background: #D3D3D3;
    color: #000000;
    text-decoration: none;
    }

    .footerleft {
    float: left;
    width: 220px;
    margin: 0px 20px 0px 0px;
    padding: 0px 0px 20px 0px;
    display: inline;
    }

    .footermiddle {
    float: left;
    width: 210px;
    margin: 0px;
    padding: 0px 0px 20px 0px;
    display: inline;
    }

    .footerright {
    float: right;
    width: 220px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 20px 0px;
    display: inline;
    }

    the footer page code:

    <!– begin footer –>

    </div>

    <div style=”clear:both;”></div>

    <div id=”footer”>

    <div class=”footerleft”>
    <h2>Recent Posts</h2>

      <?php get_archives(‘postbypost’, 10); ?>

    <h2>Links</h2>

    <div class=”footermiddle”>
    <h2>Categories</h2>

      <?php wp_list_cats(‘sort_column=name’); ?>

    <div class=”footerright”>
    <h2>Admin</h2>

      <?php wp_register(); ?>

    • <?php wp_loginout(); ?>

    <p>

    <h2>Credits</h2>
    <p>All photographs © by Nikki Fox, unless otherwise stated.
    <p>
    Made with WordPress.
    <p>

    Theme designed by Brian Gardner.
    </p><p>

    <form method=”get” id=”searchform” action=”<?php bloginfo(‘home’); ?>/”>
    <div><input type=”text” size=”18″ value=”<?php echo wp_specialchars($s, 1); ?>” name=”s” id=”s” />
    <input type=”submit” id=”searchsubmit” value=”Search” class=”btn” />
    </div>
    </form>

    </div>

    </div>

    <?php do_action(‘wp_footer’); ?>

    </body>
    </html>

  • The topic ‘Footer problems…’ is closed to new replies.