Webmaster Key - Discussion Forums
Home Help Search Calendar Login RegisterContact Us


Welcome, Guest. Please login or register.
Did you miss your activation email?
February 08, 2012, 04:25:59 PM

Login with username, password and session length
Welceome to Forums!

Important information for guests and new members:

In order to understand the full benefits of becoming an active member of this forum, please review the following information on guest and new member restrictions. These forum changes have been prompted by an overwhelming and unreasonable amount of bot postings and incoherent guest spam messages. We wish to prevent these events from happening in the future and make our community a more comfortable place for all of our members.

For guests:

Guests are not allowed to open new topics, polls, or posts attachments.
If you wish to open up new discussions on this forum, we encourage you to register.

For new members:

New members with less than five posts are not allowed to modify additional profile information such as avatars, contact information, biographies, and signatures. However, new members are encouraged to post their own topics or reply to topics initiated by other members. Become active on the forums and 5 posts should be an easy task!

We are a diverse community with members from all over the world. We encourage new ideas and interesting conversation. Do not be afraid to post webmaster/computer-related questions or problems, as our active members are always willing to help when they are able. Interested? Join us.

+ Webmaster Key Forums
|-+ Webmaster Corner
| |-+ Site Design and Web Authoring
| | |-+ A growing list of good CSS tutorials and references		 0 Members and 1 Guest are viewing this topic. « previous next »
Pages: [1] Go Down Stumble Upon! Digg It! del.icio.us! Add to Technorati! ReddIt!  Send this topic Print
Author Topic: A growing list of good CSS tutorials and references  (Read 2022 times)
Queen Bee
Mother of All
Administrator
Veteran
*****
Posts: 2 624


Buzz, buzz!


WWW
« on: April 14, 2008, 03:55:38 PM »
I know that I am not the only one here who has had difficulty with CSS, but I am happy to say that I have received a good deal of help from internet searches. The list below contains reference material and tutorials that I have personally used while working on business or personal projects. I thought I'd share them here. Most of these articles are for solving very simple problems-- but if you're like me, even a simple problem can be quite a challenge when it comes to web design. Feel free to add to the list if you have your own recommendations.

Understanding display declarations in CSS - http://www.quirksmode.org/css/display.html
Useful reference site. Good to have in your back pocket.

Centering a table with CSS - http://www.granneman.com/webdev/coding/css/centertables/
For all of us idiots that can't even get that one right!

CSS Design: Taming Lists - http://www.alistapart.com/articles/taminglists/
Nice tutorial on managing list and bullet positioning.

CSS Tutorial - Float - http://www.tizag.com/cssT/float.php
Understanding image/text wraps in CSS.

CSS-based separators - http://www.bazon.net/mishoo/articles.epl?art_id=620
For creating separators entirely in CSS (no <hr> required.)

Simple 2 column CSS layout - http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/
Beginner's guide to creating a simple CSS layout.

CSS Source Ordered 1-3 Columned Page Maker - http://www.positioniseverything.net/articles/pie-maker/pagemaker_form.php
Good for starters. I would recommend managing classes on your own instead of using a code automater, but if you need the visual representation, this is helpful.

Obviously W3Cschools is the best place to start when it comes to CSS reference, but sometimes we need things spelled out for us-- and that's where I find sites like the ones listed above particularly helpful.
Report to moderator   Logged
Rachel Powell's Free and Premium SMF Themes and Affordable Wed Design Services
donecweb
Administrator
Veteran
*****
Posts: 1 302


DonecWeb
« Reply #1 on: April 15, 2008, 01:12:44 AM »
Here are a couple CSS tutorials that I have found and felt good enough to keep available.

Pure CSS Popups
http://meyerweb.com/eric/css/edge/popups/demo.html

Little boxes
http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html
Report to moderator   Logged
DonEc Web

Links and accurate information provide the best answer, while garbage in provides garbage out.
Andy
Administrator
Veteran
*****
Posts: 5 752
« Reply #2 on: April 16, 2008, 01:51:44 PM »
My CSS tutorial: http://www.urgentclick.com/css/css-tutorial.html
Report to moderator   Logged
IP Address Trace
Karaoke on PC
Pages: [1] Go Up Stumble Upon! Digg It! del.icio.us! Add to Technorati! ReddIt!  Send this topic Print 
+ Webmaster Key Forums
|-+ Webmaster Corner
| |-+ Site Design and Web Authoring
| | |-+ A growing list of good CSS tutorials and references
Jump to:  
« previous next »

Our Partners
RelmaxTOP Ranking System Web Hosting RelmaxTOP Ranking System
Staff Sites
12Noon[12Noon Gallery] Andy[Urgentclick]
Tamuril[Tamuril's Digital Art Exhibit] Sensovision
Powered by MySQL Powered by PHP We are hosted by Relmax Inc. |Our Privacy Policy | Sitemap
Powered by SMF 1.1.9 | SMF © 2006-2009, Simple Machines LLC
Forum design by Tamuril © 2005. 		Valid XHTML 1.0! Valid CSS!