Just Brainpicks
Just Tutorials
Just Showcases
Stop asking! I wanna search everything!

Category: CSS Tutorials Layout

Page layout with css positioning

Visit www.westciv.com/style_master/house/tutorials/quick/positioning/index.html If there is anything you want to know about “CSS positioning” you should check out this tutorial.

04.15.08 | Comment? |
Share it:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • blogmarks
  • Design Float
  • E-mail this story to a friend!
  • Facebook
  • Technorati

Style Master CSS Tutorial

Visit www.westciv.com/style_master/academy/hands_on_tutorial/05.basic_properties.html In this tutoral you will learn about “how to create CSS rules”, “type selectors”, “the background-color property”, “specifying color using hexadecimal RGB values”, “text color with the color property”, “the font-family property”, “setting font-size using the em unit” and “background images”. So if you are new to CSS you have to check it out. Really good!

04.15.08 | Comment? |
Share it:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • blogmarks
  • Design Float
  • E-mail this story to a friend!
  • Facebook
  • Technorati

Creating repeating backgrounds

Visit www.jacorre.com/design/cssbackgrounds.htm Ever wanted to create a repeating background unsing CSS? Here you find a good tutorial that will teach you how to create 3 different css repeating backgrounds: horizontal, vertical and tiled.

03.25.08 | Comment? |
Share it:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • blogmarks
  • Design Float
  • E-mail this story to a friend!
  • Facebook
  • Technorati

Em & Elastic Layouts with CSS

Visit jontangerine.com/log/2007/09/the-incredible-em-and-elastic-layouts-with-css This article will walk you through creating a basic elastic layout; what exactly an “em” is and how to calculate them, how to use ems to create an elastic layer for content with scalable text and images, including basic vertical rhythm.

02.22.08 | Comment? |
Share it:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • blogmarks
  • Design Float
  • E-mail this story to a friend!
  • Facebook
  • Technorati

A footer at the bottom of a page

Visit www.themaninblue.com/writing/perspective/2005/08/29/ If you need a Web page footer to be positioned either at the bottom of the browser window or at the bottom of the Web page you should look at this tutorial.

01.01.08 | Comment? |
Share it:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • blogmarks
  • Design Float
  • E-mail this story to a friend!
  • Facebook
  • Technorati

Simple, Semantically Correct CSS Boxes

Visit www.vertexwerks.com/tests/sidebox/ So you want to create a Simple, Semantically Correct CSS Box with Clean Code? Than this one is for you. Here you will find how to create rounded-corner boxes with visual flare and the absolute minimal amount of semantically correct markup.

12.17.07 | Comment? |
Share it:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • blogmarks
  • Design Float
  • E-mail this story to a friend!
  • Facebook
  • Technorati

A CSS sticky footer that just works

Visit www.ryanfait.com/sticky-footer/ Ever wanted to create a sticky footer? Now here you will find an easy solution for creating a sticky footer that works in IE 5 and up, Firefox, Safari and Opera.

11.21.07 | Comment? |
Share it:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • blogmarks
  • Design Float
  • E-mail this story to a friend!
  • Facebook
  • Technorati

2-col tableless layout

Visit www.wellstyled.com/css-2col-fluid-layout.htmlThis site describes how to use CSS to create a 2 column layout for a web page using several different methods.

11.13.07 | Comment? |
Share it:
  • Digg
  • del.icio.us
  • StumbleUpon
  • Reddit
  • blogmarks
  • Design Float
  • E-mail this story to a friend!
  • Facebook
  • Technorati