1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Columns

Discussion in 'Web Design' started by dropsy16, May 23, 2013.

Tags:
  1. dropsy16

    dropsy16 Junior Member

    Joined:
    Dec 10, 2011
    Messages:
    101
    Likes Received:
    21
    I was wondering how you format the footer to look like this?

    Premium Wordpress Theme - Apollo.jpg


    It's formatted so nicely. Thanks! :D
     
  2. OldSalt

    OldSalt Moderator Staff Member Moderator Jr. VIP Premium Member

    Joined:
    May 19, 2009
    Messages:
    1,279
    Likes Received:
    7,437
    Gender:
    Male
    Occupation:
    IT Sys Admin
    Location:
    US, East Coast
    Probably using a table or next tables

    Could be as simple as (to get you started):

    Code:
    <table>
       <tr><td>Row 1 - Column 1</td>
               <td>Row 1 -Coumn 2</td>
               <td>Row 1 -Column 3</td>
      </tr>
       <tr><td>Row 2 - Column 1</td>
               <td>Row 2 -Coumn 2</td>
               <td>Row 2 -Column 3</td>
      </tr>
    </table>
    
     
  3. jazzc

    jazzc Moderator Staff Member Moderator Jr. VIP

    Joined:
    Jan 27, 2009
    Messages:
    2,468
    Likes Received:
    10,148
  4. srb888

    srb888 Elite Member

    Joined:
    Jul 30, 2008
    Messages:
    3,260
    Likes Received:
    5,067
    Gender:
    Male
    Occupation:
    WebzSurfer
    Location:
    Sun, Mon, Tue, WTF, Sat!!! :)
    Get some idea of how that type of footer is created (has both html and css examples here):
    Code:
    http://www.paintbits.com/wordpress/wordpress-recent-comments-without-plugin/
    The above code (not complete though) creates the footer on this page, which is similar to your example:
    Code:
    http://www.paintbits.com/
    HTH :)
     
  5. dr.Hus

    dr.Hus Regular Member

    Joined:
    Oct 24, 2011
    Messages:
    265
    Likes Received:
    140
    Occupation:
    web design
    Location:
    www
    jazzc is apsolutly right ...

    open that picture in paint and draw over it :) its the best thing to visualize ..

    i see 4 columns ; i would do that with 4 divs and ul li elements (just format ul li with css )

    if you need an example i will gladly provide
    have a nice day
    Hus
     
  6. Moosey

    Moosey Senior Member

    Joined:
    Dec 5, 2011
    Messages:
    1,043
    Likes Received:
    747
    That's probably a Wordpress theme using widget areas as the footer columns.