Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › 3 Box Design

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 10, 2012 at 4:09 am #37080
    goalieman34
    Member

    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 #98690
    karlpcrowley
    Participant

    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 #98696
    goalieman34
    Member

    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 #98703
    karlpcrowley
    Participant

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

    March 10, 2012 at 3:54 pm #98715
    goalieman34
    Member

    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 #98717
    karlpcrowley
    Participant

    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

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘CSS’ is closed to new topics and replies.