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

Category: CSS Tutorials

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

Create Fluid CSS Speech Bubbles

Visit www.gamexe.net/view_tutorial.php?id=24In this tutorial you learn how to creat these fluid speech bubble you all know from comic books

11.14.07 | 2 Comments |
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

Create Resizable Images With CSS

Visit www.smileycat.com/miaow/archives/000648.php A solution for creating images that resize along with the text rather than staying constant in size.

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

Turning a list into a navigation bar

Visit www.456bereastreet.com/archive/200501/turning_a_list_into_a_navigation_barHow to use CSS to create a horizontal navigation bar out of a simple ordered list.

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

Turning Lists into Trees

Visit odyniec.net/articles/turning-lists-into-treesIn this article, I will present a technique to display a multi-level unordered list in the form of a tree with lines connecting nodes.

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

Showing Hyperlink Cues with CSS

Visit www.askthecssguy.com/2006/12/showing_hyperlink_cues_with_cs_1.html You like the little icons next to hyperlinks that signify if that link will take me offsite, open a popup, or link to a file (as opposed to another html page)? Here’s how to do it in a way that’s supported in IE7, Firefox, and Safari.

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

Master Stylesheet: The Most Useful CSS Technique

Visit www.crucialwebhost.com/blog/master-stylesheet-the-most-useful-css-techniqueOne of the most common mistakes I see beginners and intermediates fall victim to when it comes to CSS is not removing the default browser styling. This leads to inconsistencies in the appearance of your design across browsers, and ultimately leaves…

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