• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 359
  • Last Modified:

960 grid started

Hi,

I am getting started on learning 960 grid  and I need some tutorials on this like 'what do you do in html/css with include files etc.

I can use html/css and media queries already.

I am realy struggling to find basic examples and I have found a tutorial which jumps over to photoshop for design of 960 and seems to stay in photoshop.
The  help slides are just that 'help slides', where is the code or complete example?

http://960.gs/
https://speakerdeck.com/nathansmith/960-grid-system
http://www.youtube.com/watch?v=1Ydcfx75mxo
0
jagguy
Asked:
jagguy
1 Solution
 
jagguyAuthor Commented:
ok thanks, I couldnt find tutorials without video.
0
 
Scott Fell, EE MVEDeveloper & EE ModeratorCommented:
They point to this one http://net.tutsplus.com/tutorials/html-css-techniques/prototyping-with-the-grid-960-css-framework/


All grids work the same.  Notice the container is a 12.  To make one column, you will have a div class="grid_12".  To make 2 equal columns, <div class="grid_6>left</div><div class="grid_6">right</div>.  Just make the divs equal 12.  It is that easy.

<div class="container_12">  
    <div class="grid_12"></div>  
    <div class="clear"></div>  
  
      
    <div class="grid_12"></div>  
    <div class="clear"> </div>  
      
    <div class="grid_7"></div>  
    <div class="grid_5"></div>  
  
    <div class="clear"></div>  
      
    <div class="grid_12"></div>  
    <div class="clear"></div>  
      
    <div class="grid_3"></div>  
  
    <div class="grid_3"></div>  
    <div class="grid_3"></div>  
    <div class="grid_3"></div>  
    <div class="clear"></div>  
  
      
    <div class="grid_12"></div>  
    <div class="clear"></div>  
      
    <div class="grid_4"></div>  
    <div class="grid_4"></div>  
  
    <div class="grid_4"></div>  
</div>  

Open in new window

0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Featured Post

Cloud Class® Course: Python 3 Fundamentals

This course will teach participants about installing and configuring Python, syntax, importing, statements, types, strings, booleans, files, lists, tuples, comprehensions, functions, and classes.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now