How to I make this layout with the blocks?

Discussion in 'CSS' started by static1635, Jul 12, 2012.

  1. #1
    I am trying to copy http://www.chrispackham.co.uk/ site with the blocks for the sections, the 3x3 boxes with the heading, pic and text and read more.

    Originally I just whacked in a table http://justintuijl.com/ but I want to do it properly with css but I am not sure how it is done.

    Any ideas would be very gratefully appreciated.

    Thanks

    Justin
     
    static1635, Jul 12, 2012 IP
  2. mikewoods

    mikewoods Peon

    Messages:
    24
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Try visiting this site: w3schools.com
    They offer free instructions on CSS. It's really not that hard.
     
    mikewoods, Jul 12, 2012 IP
  3. sunil8986

    sunil8986 Member

    Messages:
    28
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    36
    #3
    lots of tutorial(e.g tizag.com/cssT/ , w3schools.com etc ) available for XHTML/CSS, it will help you to learn and code that website. :)
     
    sunil8986, Jul 12, 2012 IP
  4. static1635

    static1635 Active Member

    Messages:
    30
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    71
    #4
    super, thanks
     
    static1635, Jul 12, 2012 IP
  5. static1635

    static1635 Active Member

    Messages:
    30
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    71
    #5
    though in truth I have never had much luck with those sites,
    which is why I asked and have stuck with tables :(
     
    Last edited: Jul 12, 2012
    static1635, Jul 12, 2012 IP