Graphic Design Forum and Web Design Forum  

Go Back   Graphic Design Forum and Web Design Forum »Other Design Topics »Graphic Design Tutorials

Notices

Graphic Design Tutorials Graphic Design and Web Design Tutorials and reference section


Reply
 
LinkBack (3) Thread Tools Display Modes
  3 links from elsewhere to this Post. Click to view. #1 (permalink)  
Old 08-03-2007, 11:33 AM
Experienced Member
 
Join Date: Jan 2007
Posts: 170
Default Full CSS layout tutorial

Sure there are tutorials about making a two column container. And there are lots of tutorials about each element going into the container -- the navigation, or text or images.

Creating a CSS layout from scratch is about going through the whole process. You start with a concept image, and then the thinking process of structuring the divs for it.

Pretty good for seeing the forest for all the CSS 'trees'.
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #2 (permalink)  
Old 08-03-2007, 11:35 AM
Toon's Avatar
Netvibes is an Addiction™
 
Join Date: Jan 2007
Location: Sheffield, UK
Gender: Male
Posts: 16,889
Default

Good find.

Love this bit...

Quote:
Note: Please use a modern browser such as Opera, Firefox, or Safari for this exercise. Don't worry though, your site should work in IE at the end of it.
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #3 (permalink)  
Old 08-03-2007, 02:55 PM
james's Avatar
Stylish Member
 
Join Date: Jan 2007
Location: Oxfordshire
Gender: Male
Posts: 610
Default

Excellent link, i started off using layers for positioning my layouts but became frustrated with differing results across different browsers... So I went back to tables (sorry!). This tutorial looks like it may help me understand things better so i'll give it a go!
__________________
www.newco81.co.uk
Effective Graphic Design, based in Oxford
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #4 (permalink)  
Old 08-03-2007, 02:57 PM
Toon's Avatar
Netvibes is an Addiction™
 
Join Date: Jan 2007
Location: Sheffield, UK
Gender: Male
Posts: 16,889
Default

I've just followed it quickly from start to finish and it is without a doubt the easiest tutorial to learn basic hand-coding, all the people here that say they want to understand it more, do the tutorial. You can do it in under 20 minutes and it explains things quite well.

The only bad part was the hack for IE/Mac. You can skip that bit!!
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #5 (permalink)  
Old 08-03-2007, 03:15 PM
james's Avatar
Stylish Member
 
Join Date: Jan 2007
Location: Oxfordshire
Gender: Male
Posts: 610
Default

Skip it because its unneccesary? Or because its for IE?
__________________
www.newco81.co.uk
Effective Graphic Design, based in Oxford
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #6 (permalink)  
Old 08-03-2007, 03:25 PM
Experienced Member
 
Join Date: Jan 2007
Posts: 170
Default

If I had to guess it's because Microsoft has advised Mac users of Internet Explorer (IE) to switch to rival browsers such as Apple's Safari.

I've read some sites estimate IE/mac users at .5% -- although I've heard academic use of IE/mac is higher. The basic estimate is that IE/mac has dropped off the charts.
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #7 (permalink)  
Old 08-03-2007, 03:34 PM
Toon's Avatar
Netvibes is an Addiction™
 
Join Date: Jan 2007
Location: Sheffield, UK
Gender: Male
Posts: 16,889
Default

Quote:
Originally Posted by james View Post
Skip it because its unneccesary? Or because its for IE?
Because it's mac, if people are still using IE for mac they must be so far behind the times they probably wouldn't notice if the site was broken in places.
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #8 (permalink)  
Old 08-03-2007, 03:35 PM
james's Avatar
Stylish Member
 
Join Date: Jan 2007
Location: Oxfordshire
Gender: Male
Posts: 610
Default

Some aspects of the new release of IE are just plain annoying: If you come to a page with a flash item, such as a menu, you first have to click on it to activate it before you can start using it! Only a minor thing but it just seems completely unnecessary. Tend to use firefox more than anything now!
__________________
www.newco81.co.uk
Effective Graphic Design, based in Oxford
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #9 (permalink)  
Old 08-03-2007, 03:37 PM
prewe's Avatar
Slightly Inebriated
 
Join Date: Jan 2007
Location: Sweden
Gender: Male
Posts: 1,896
Default

that's why everyone should embed the flash with js to get around that annoying activation.
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
  #10 (permalink)  
Old 08-03-2007, 05:14 PM
brokendalek's Avatar
Spammer Exterminator
 
Join Date: Feb 2007
Location: Glasgow
Gender: Female
Posts: 6,861
Default

I'm jut beginning to get my head around CSS at the moment, so thanks very much, that's a godsend!
Digg this Post!Add Post to del.icio.usBookmark Post in Technorati Share This Article & VoteReddit! Wong this Post!Stumble this Post!RSS Share on FacebookForum Netvibes Page
Reply With Quote
Reply


« - | Book Tutorials »
Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Similar Threads
Thread Thread Starter Forum Replies Last Post
Looking for Full Time PR Design Off Topic 14 05-04-2008 10:10 AM
Basic CSS Layout Tutorial Graphic Design Links Graphic Design Links 0 04-01-2008 11:00 AM
Free - CSS layout tutorial Graphic Design Links Graphic Design Links 0 25-10-2007 07:40 PM
full-time opportunity rossable Design Forum Employment 2 17-10-2007 11:10 PM
Case full of shows Mirko Graphic Design Showcase 2 07-09-2007 04:29 PM


All times are GMT. The time now is 01:57 AM.