Go Back  HTML Forums - Free Webmaster Forums and Help Forums > WEBSITE DEVELOPMENT > CSS
Reload this Page Resources for learning how to use CSS for layout
User Name:
Password:
 

Reply
Page 1 of 2 1 2 >  
Thread Tools   Display Modes
  View First Unread
 
Old 12-08-2006, 05:01 PM
  #1
karinne
\m/\m/
 
Join Date: Dec 2002
Location: QC, Canada
Posts: 4,297
iTrader: (0)
karinne is on a distinguished road
Resources for learning how to use CSS for layout
As the title says, here are a few links I've gathered over the years on "How to use CSS for layouts". This list has links to information on "why" you should use DIV/CSS for layouts and "how" to use them with tutorials and code.

Why
A better way to build your website
Why tables for layout is stupid: problems defined, solutions offered
Ten ways to speed up the download time of your web pages
Nested Tables: About the (ab)use of tables as layout tools in webpages.
Why Tables Are Bad (For Layout) Compared to Semantic HTML + CSS
Why go table free?
Why avoiding tables (for layout) is important
Throwing Tables Out the Window
Integrated Web Design: The Meaning of Semantics (Take I)

How
BonRouge's layouts
pmob.co.uk layouts
The Noodle Incident: CSS Boxes
glish.com - CSS Layout technique
bluerobot.com - Layout Reservoir
Alistapart - In Search of the Holy Grail
Alistapart - Creating Liquid Layouts with Negative Margins
Alistapart - Faux Columns

Books
Designingwith Web Standards (2nd Edition) by Jeffrey Zeldman
Web Standards Solutions: The Markup and Style Handbook by Dan Cederholm
Bulletproof Web Design: Improving flexibility and protecting against worst-case scenarios with XHTML and CSS by Dan Cederholm
CSS Mastery: Advanced Web Standards Solutions by Andy Budd, Simon Collison, Cameron Moll

There's a good start. Feel free to add some more. And let's try to keep this thread with resourceful links. If you have a question, create a thread.

Edit:
2007-02-21: Added some "why" links
2007-01-11: Added some books
__________________
[a web design portfolio - AVAILABLE for work | web design | Re-coding | PSD-to-HTML]
I'm also on: del.icio.us | flickr | virb | facebook | twitter
Last edited by karinne : 02-21-2007 at 09:13 AM.
karinne is offline   Add to del.icio.us Add to del.icio.us    Can you digg it?Can you digg it? Reply With Quote
Old 12-08-2006, 08:54 PM
  #2
johnz
charlie dont surf!
 
johnz's Avatar
 
Join Date: May 2006
Location: Long Island, New York
Posts: 1,239
iTrader: (0)
johnz will become famous soon enough
goood stuff karinne. one of the mods should sticky this.
__________________
work. collegehumor.com
blog. johnzanussi.com


If someone has helped you be sure to add to their reputation
johnz is offline   Add to del.icio.us Add to del.icio.us    Can you digg it?Can you digg it? Reply With Quote
Old 12-09-2006, 04:48 AM
  #3
-i-dont-know-
¿IDK? (Level ∞)
 
-i-dont-know-'s Avatar
 
Join Date: Dec 2005
Location: Oh, and here are my credit card details too =\
Posts: 2,131
iTrader: (0)
-i-dont-know- is an unknown quantity at this point
Yes, agreed. Thanks karinne.
__________________
-i-dont-know- is offline   Add to del.icio.us Add to del.icio.us    Can you digg it?Can you digg it? Reply With Quote
Old 12-09-2006, 07:21 AM
  #4
Pegasus
The Flighty Admin
 
Pegasus's Avatar
 
Join Date: Nov 2001
Location: 35º South of Santa Claus
Posts: 20,461
iTrader: (0)
Pegasus is a glorious beacon of lightPegasus is a glorious beacon of lightPegasus is a glorious beacon of lightPegasus is a glorious beacon of lightPegasus is a glorious beacon of light
Done and done.

Nice work, Karinne! Thanks for finding all this information for us.

Peg
__________________


Decaf is the root of all evil...
Pegasus is online now   Add to del.icio.us Add to del.icio.us    Can you digg it?Can you digg it? Reply With Quote
Old 12-09-2006, 09:37 AM
  #5
karinne
\m/\m/
 
Join Date: Dec 2002
Location: QC, Canada
Posts: 4,297
iTrader: (0)
karinne is on a distinguished road
Thanks Peg! Thanks guys!
__________________
[a web design portfolio - AVAILABLE for work | web design | Re-coding | PSD-to-HTML]
I'm also on: del.icio.us | flickr | virb | facebook | twitter
karinne is offline   Add to del.icio.us Add to del.icio.us    Can you digg it?Can you digg it? Reply With Quote
Old 12-09-2006, 09:57 AM
  #6
KWJams
Novice - Lite
 
KWJams's Avatar
 
Join Date: Jun 2001
Location: Montana -- USA
Posts: 3,072
iTrader: (0)
KWJams will become famous soon enough
That's some good stuff karinne thanks
KWJams is offline   Add to del.icio.us Add to del.icio.us    Can you digg it?Can you digg it? Reply With Quote
Old 02-08-2007, 12:25 PM
  #7
GarrettW
ooh looky! custom titles!
 
Join Date: Oct 2002
Location: E. Texas
Posts: 1,221
iTrader: (0)
GarrettW will become famous soon enoughGarrettW will become famous soon enough
I know of a real interesting site that tackles many CSS rendering issues between Firefox & IE and the like ...

http://positioniseverything.net
GarrettW is offline   Add to del.icio.us Add to del.icio.us    Can you digg it?Can you digg it? Reply With Quote
Old 02-09-2007, 07:14 AM
  #8
RysChwith
Super Guru
 
Join Date: Jun 2004
Posts: 4,040
iTrader: (0)
RysChwith will become famous soon enough
456 Berea Street and Quirks Mode have some good stuff, too.

Rys
RysChwith is offline   Add to del.icio.us Add to del.icio.us    Can you digg it?Can you digg it? Reply With Quote
Old 05-13-2007, 04:10 PM
  #9
stillercity
Battler (Level 3)
 
stillercity's Avatar
 
Join Date: Apr 2007
Posts: 26
iTrader: (0)
stillercity is on a distinguished road
I don't know if this applies but I used http://www.subcide.com/tutorials/csslayout/ for my css layout. Maybe you can add that to your list.
stillercity is offline   Add to del.icio.us Add to del.icio.us    Can you digg it?Can you digg it? Reply With Quote
Old 07-11-2008, 03:28 PM
  #10
chili5
Soldier (Level 11)
 
chili5's Avatar
 
Join Date: May 2008
Posts: 114
iTrader: (0)
chili5 is an unknown quantity at this point
Wow thanks a lot!! Bookmarked this and it's gonna be so helpful
__________________
"Peace cannot be achieved through violence, it can only be attained through understanding." - Ralph Waldo Emerson.
chili5 is offline   Add to del.icio.us Add to del.icio.us    Can you digg it?Can you digg it? Reply With Quote
Old 07-15-2008, 01:11 AM
  #11
gael
Novice (Level 1)
 
Join Date: Jul 2008
Posts: 3
iTrader: (0)
gael is an unknown quantity at this point
Wow, I really learned a lot karinne... Try to use this also, http://www.hypergurl.com/csstutorial.html
Maybe you can add this to your list.
gael is offline   Add to del.icio.us Add to del.icio.us    Can you digg it?Can you digg it? Reply With Quote
Old 11-16-2008, 06:04 AM
  #12
nutfieldnutter
Aspirant (Level 2)
 
Join Date: Nov 2008
Posts: 12
iTrader: (0)
nutfieldnutter is an unknown quantity at this point
I found this http://www.devinrolsen.com/tutorials...enu/index.html good for helping me set up a drop down navigation bar. There are other tutorials as well.
nutfieldnutter is offline   Add to del.icio.us Add to del.icio.us    Can you digg it?Can you digg it? Reply With Quote
Old 12-24-2008, 03:31 PM
  #13
mcfurkan
Novice (Level 1)
 
Join Date: Dec 2008
Posts: 2
iTrader: (0)
mcfurkan is an unknown quantity at this point
thank you...
mcfurkan is offline   Add to del.icio.us Add to del.icio.us    Can you digg it?Can you digg it? Reply With Quote
Old 01-26-2009, 02:42 PM
  #14
GarrettW
ooh looky! custom titles!
 
Join Date: Oct 2002
Location: E. Texas
Posts: 1,221
iTrader: (0)
GarrettW will become famous soon enoughGarrettW will become famous soon enough
hey guys, i just found a site that's basically like a link directory for all of this type of stuff...
http://www.alvit.de/handbook/

Comments on this post
danmofo agrees:
GarrettW is offline   Add to del.icio.us Add to del.icio.us    Can you digg it?Can you digg it? Reply With Quote
Old 02-06-2009, 05:37 AM
  #15
danmofo
Adept (Level 5)
 
Join Date: Nov 2008
Location: United Kingdom
Posts: 44
iTrader: (0)
danmofo is an unknown quantity at this point
cheers for link garret
danmofo is offline   Add to del.icio.us Add to del.icio.us    Can you digg it?Can you digg it? Reply With Quote
Reply
Page 1 of 2 1 2 >  
« Previous Thread | Next Thread »
KEEP TABS
SPONSORS
 
Boxedart
 
 


 
Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
  
  
 
 



 
  POSTING RULES
 
 
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Thread Tools
Display Modes
Linear Mode Linear Mode

Forum Jump

 

All times are GMT -5. The time now is 09:36 PM.
   
Network Sites: Web Tools and Resources | Web Templates | Free Webmaster Resources | Free JavaScripts | Free Clip Art | Clipart Resources |
Turnkey Website Templates | Free Fonts | HTML Help | Stock Photos | Quality Hosting | Learn Perl and CGI | Top Web Hosts | CMS Templates

Partner Sites: Free Web Templates | Webmaster Resources | Javascripts | Website Reviews | DHTML Scripts | Create a free forum | Web Hosting Reviews |Free Ecommerce Web Hosting

Mascot team created by Drawshop.com

Powered by vBulletin® Version 3.6.7
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.

Server Monitoring by ENIACmonitor 0.01
HTMLforums.com © Big Resources, Inc. Web Design by BoxedArt.com
vRewrite 1.5 beta SEOed URLs completed by Tech Help Forum and Chalo Na.