SitePoint Sponsor

User Tag List

Results 1 to 3 of 3
  1. #1
    SitePoint Addict kvnwpts's Avatar
    Join Date
    Mar 2012
    Location
    Helsingborg, Sweden
    Posts
    266
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)

    Need help with a footer

    So basically I've been looking around and I havent really found a result thats good for having a footer like this : http://nicklas-bendtner.com/

    I want it exactly that way but I don't know how, and as I said I've been looking around different sites.

    Hope I can get some help to help me and others with same question.

  2. #2
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,594
    Mentioned
    6 Post(s)
    Tagged
    0 Thread(s)
    Well this is how I'd do it (and that's how they mark it up)

    <footer>
    <columnParent>
    <column1>
    <column1>
    <column1>
    </columnParent>
    <salesANDdelivery>
    <copyright>
    </footer>

    If you download firebug for firefox, it's an addon. You can right click an element and see the styles applied to it. You can also see the HTML structure. It's quite a useful debugging tool.

    The column1/2/3 would all be floated, with columnParent being overflow:hidden to contain the floats. Rest is really just straightfoward .
    Always looking for web design/development work. Willing to do it cheap to build portfolio!

  3. #3
    SitePoint Addict kvnwpts's Avatar
    Join Date
    Mar 2012
    Location
    Helsingborg, Sweden
    Posts
    266
    Mentioned
    2 Post(s)
    Tagged
    0 Thread(s)
    Oh well, im sorry for not being enough specific but I meant how the footer becomes down on the screen and to the sides wheter your screen is small or big or how much u zoom in and out, You understand me?


    Quote Originally Posted by RyanReese View Post
    Well this is how I'd do it (and that's how they mark it up)

    <footer>
    <columnParent>
    <column1>
    <column1>
    <column1>
    </columnParent>
    <salesANDdelivery>
    <copyright>
    </footer>

    If you download firebug for firefox, it's an addon. You can right click an element and see the styles applied to it. You can also see the HTML structure. It's quite a useful debugging tool.

    The column1/2/3 would all be floated, with columnParent being overflow:hidden to contain the floats. Rest is really just straightfoward .


Bookmarks

Posting Permissions

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