advanced code snippet search

Posted By

willem on 05/16/11


Tagged

css simple layout grid 960


Versions (?)

Who likes this?

1 person have marked this snippet as a favorite

spee66


Simple Grid

 / Published in: CSS
 
Expand | Embed | Plain Text 
  1. /*----------------------------------------------------------------------- 
  2.   
  3.   Simple Grid
  4.    
  5. -------------------------------------------------------------------------*/
  6.  
  7. .full ,
  8. .one_half, 
  9. .one_third, .two_thirds, 
  10. .one_fourth, .two_fourths, .three_fourths, 
  11. .one_fifth, .two_fifths, .three_fifths, .four_fifths,
  12. .one_sixth, .three_sixths, .five_sixths {
  13. 	display: inline;
  14. 	float: left;
  15. 	margin-left: 10px;
  16. 	margin-right: 10px;
  17. 	position: relative;
  18. 	margin-bottom: 20px;
  19. }
  20.  
  21. .full 		{ width: 940px; }
  22. .one_half 	{ width: 460px; }
  23. .one_third 	{ width: 300px; } 
  24. .two_thirds 	{ width: 620px; }
  25. .one_fourth 	{ width: 220px; } 
  26. .three_fourths	{ width: 700px; }
  27. .one_fifth 	{ width: 172px; } 
  28. .two_fifths 	{ width: 364px; } 
  29. .three_fifths 	{ width: 556px; }
  30. .four_fifths	{ width: 748px; }
  31. .one_sixth 	{ width: 140px; } 
  32. .three_sixths 	{ width: 460px; } 
  33. .five_sixths 	{ width: 720px; }

Report this snippet  

You need to login to post a comment.