Grow your CSS skills. Land your dream job.

3 Box Design

  • # March 10, 2012 at 4:09 am

    I am wondering how a person goes about duplicating the three boxes in the middle of the page called “featured news, global locations and 2011 report on this website that I found.
    Here is the website:
    http://www.bhpbilliton.com/home/Pages/default.aspx
    Thanks!

    # March 10, 2012 at 4:58 am

    There’s a million and one ways to do this

    Here’s a how I would do it so it would look good on a phone too

    http://jsfiddle.net/RYAKJ/6/

    # March 10, 2012 at 10:43 am

    Awesome! That looks great. I just need them to line up horizontal on my page now and if possible have a small border around the right side/bottom.
    Here is my website http://petrowest.squarespace.com/

    # March 10, 2012 at 12:08 pm

    Take a look at the widths in the example I gave :)

    # March 10, 2012 at 3:54 pm

    hmmm I still can’t get it to line up proper. In the code I really don’t need the image slider and footer. It just affects my footer below. Sorry it is prob something simple what I am missing. Thank you for your patients and sorry for driving you crazy!

    # March 10, 2012 at 3:58 pm

    I put in the other sections just as an example, all you need is the news sections and then set the inner divs to be a third of the width of the area its going into

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".