help building a footer..

Discussion in 'HTML & Website Design' started by co.ador, Nov 2, 2009.

  1. #1
    What's the best way to go about creating a footer for a website?
     
    co.ador, Nov 2, 2009 IP
  2. drawer

    drawer Peon

    Messages:
    236
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    You need to ask yourself what purpose will your footer serve and go from there - its usually best to include "official" types of links such as About, Terms, Privacy, Contact at the bare minimum.
     
    drawer, Nov 2, 2009 IP
  3. xira

    xira Active Member

    Messages:
    315
    Likes Received:
    8
    Best Answers:
    4
    Trophy Points:
    68
    #3
    Make a <div id="footer"></div> section and place it under all your other content.
     
    xira, Nov 3, 2009 IP
  4. co.ador

    co.ador Peon

    Messages:
    120
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #4
    I have this guys so far guys and it is not working properly either and if you can add something to the footer as drawer has suggested let know how would inserted thank you...


    Right now I have a file called footer.php and i have the following simple code in it.


            
               <div class="footer">
               <p>Copyright (c) 2009</p>
    
             </div>
    
    </body>
    </html>
    Code (markup):
    is that enough?

    is it now working that great.

    The CSS is

     .footer {
         height: 4em;
    }
    Code (markup):
    and another page called header.php

    
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <link type="text/css" href="../stylesheets/webpageprueba.css" rel="stylesheet" media="all" />
    <title>ShoesStore</title>
    <body>
    
    Code (markup):
    but it is not working that good because it is not displaying in the bottom of the page but behind the form...

    having some difficulties and I need some help

    in store.php I have added the files header.php and footer.php through the include function as below, is that ok?

    
    
    <?php include("../includes/header.php"); 
    ?>
    <form action="example.php"> 
    <fieldset class="primero">
    <legend>Search For a store</legend> 
     
    <fieldset>  
    <legend>Postal Address</legend>  
    <label for="street">Street address</label>  
    <input id="street" name="street" type="text" />  
    <label for=" suburb">Suburb</label>  
    <input id="suburb" name="suburb" type="text" />  
    <label for="state">State</label>  
    <input id="state" name="state" type="text" />  
    <label for="postcode">Postcode</label>  
    <input id="postcode" name="postcode" type="text" />  
    </fieldset>
    
    <fieldset class="tercero" style="border-color:#FFFFFF" >
    <legend>Services</legend> 
    <ol>
    <li>
      <input type="checkbox" name="example" value="delivery" />Delivery<br />
      <input type="checkbox" name="example" value="tv" />Tv<br />
      <input type="checkbox" name="example" value="parking" />Parking<br />
    </li></ol>
    </fieldset>
    </fieldset> 
    <fieldset>  
    
    <?php include("../includes/footer.php"); 
    ?>
    
    Code (markup):
     
    co.ador, Nov 3, 2009 IP
  5. LeetPCUser

    LeetPCUser Peon

    Messages:
    711
    Likes Received:
    14
    Best Answers:
    0
    Trophy Points:
    0
    #5
    That looks to be a proper use of the header and footer.
     
    LeetPCUser, Nov 3, 2009 IP
  6. co.ador

    co.ador Peon

    Messages:
    120
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #6
    some how the CSS is not having the power enough to display below the form it display in the middle behind of the form...

    I don't know what could be going on there.
     
    Last edited: Nov 3, 2009
    co.ador, Nov 3, 2009 IP
  7. adwebtiser

    adwebtiser Peon

    Messages:
    95
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    0
    #7
    try adding <div style="clear:both"></div> before the footer otherwise need to have a close look at your css and your footer code
     
    adwebtiser, Nov 3, 2009 IP