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 Ex-Mod taking a sabbatical

    Joined:
    May 19, 2009
    Messages:
    1,303
    Likes Received:
    7,554
    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,907
    Likes Received:
    13,014
    Occupation:
    Potentate
    Location:
    Asuncion
  4. srb888

    srb888 Elite Member

    Joined:
    Jul 30, 2008
    Messages:
    3,305
    Likes Received:
    5,223
    Gender:
    Male
    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:
    749
    That's probably a Wordpress theme using widget areas as the footer columns.