Help Needed: How to create a table

Discussion in 'CSS' started by larssonk22, Jul 10, 2009.

  1. #1
    I have a table on my website that I want to recreate in css, it looks like this

    [​IMG]
     
    larssonk22, Jul 10, 2009 IP
  2. r0bin

    r0bin Peon

    Messages:
    91
    Likes Received:
    1
    Best Answers:
    0
    Trophy Points:
    0
    #2
    Well you should try to read a few css tutorials and get a grip of the basics.

    Make a big 'container' div with the other smaller divs inside. Give both an appropriate width and height. You'lll end up with something like this:

    HTML
    
    <div id="container">
    	<div class="smallblock"></div>
    	<div class="bigblock"></div>
    	<div class="smallblock"></div>
    	<div class="smallblock"></div>
    	<div class="smallblock"></div>
    	<div class="smallblock"></div>
    	<div class="smallblock"></div>
    </div>
    
    Code (markup):
    CSS
    
    #container {
    	width: 400px;
    	height: 400px;
    }
    
    .smallblock {
    	width: 100px;
    	height: 200px;
    }
    
    .bigblock {
    	width: 200px;
    	height: 200px;
    }
    
    Code (markup):
     
    r0bin, Jul 11, 2009 IP
  3. larssonk22

    larssonk22 Well-Known Member

    Messages:
    236
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    103
    #3
    Thanks r0bin, I'm very new to CSS learning everyday ;)

    I will your code, thanks a mil
     
    larssonk22, Jul 11, 2009 IP