RE: Vlad : CSS Positioning [was Accessibility]

And you can't have a list of CSS links without a pointer to Eric Meyer: 

http://www.meyerweb.com/eric/css/edge/

D

-----Original Message-----
From: [email protected]
[mailto:[email protected]] On Behalf Of Vlad Alexander
Sent: 11 September 2004 06:36
To: [email protected]; [email protected]
Subject: Re: [CMS] Vlad : CSS Positioning [was Accessibility]

Hi John,

Below are links to everything you need to get started and even a mailing
list where you can ask questions.

Before we get to the links, I just want to demonstrate column order
controlled by CSS technique in action. Go to our Web site at
http://xstandard.com  You will see 3 columns. The left column contains
navigation, the center column contains content and the right column contains
marketing stuff. Now, scroll down to the bottom of the page and click the
link "Turn off CSS". The content is made linear - this is how assistive
technologies process it. You will notice that what used to be the center
column (content) is now displayed before what used to be the left column
(navigation). This is done because the content is more important than
navigation. Now, here is the cool part. Remember Darrel's wheelchair ramp
example where everyone benefits by having the ramp. Let's apply this to the
CSS column order technique. Search engines process Web pages in the same way
as assistive technologies - in a linear fashion. By putting the content area
(center column) closer to the top of the page, this give more weight to this
section when the page is indexed and leads to a better keyword to content
match. You benefit by having better search engine ranking when you build an
accessible Web site.

This is an A-Z tutorial on CSS. Pay attention to the "CSS Layout Techniques"
section.
http://www.juicystudio.com/tutorial/css/index.asp

While you're at it, check out the Accessibility tutorial on this site:
http://www.juicystudio.com/tutorial/accessibility/index.asp

Introductory article on how to use CSS instead of tables for layout:
http://www.w3.org/2002/03/csslayout-howto

This is a tutorial on how to do multi-column page layouts without tables.
http://glish.com/css/

This is an online magazine with short and easy to read articles written by
Web designers who are focused on building standards-based solutions. Some of
the stuff is a bit advanced but you can get the idea of what is possible
with CSS.
http://www.alistapart.com/
Check out this article in particular:
http://www.alistapart.com/articles/practicalcss/

If you have any questions about building Web sites to standards, there is a
very large support network. There are about 800 people on this mailing list
and you will get your answer usually within hours. So join us on the Web
Standards Group (WSG) mailing list.
http://webstandardsgroup.org/join/

Regards,
-Vlad
http://xstandard.com

----- Original Message ----- 
From: "cms-list" <[email protected]>
To: <[email protected]>
Sent: Friday, September 10, 2004 7:23 PM
Subject: [CMS] Vlad : CSS Positioning [was Accessibility]


> On Fri, 10 Sep 2004 07:46:02 -0400, Vlad Alexander (XStandard) wrote
> > 
> > To address your issues with navigation and layout, if you build Web 
> > sites to standards AND best-practices (no layout tables, column 
> > order controlled by CSS positioning, etc), a single site can serve 
> 
> I have never heard of this - is there an URL-accessible resource
containing
> technical details on how to implement?
> 
> Thanks,
> 
>   -John
> _______________________________________________
> cms mailing list
> [email protected]
> Subscription controls:
> http://lists.cms-forum.org/mailman/listinfo/cms
> Netiquette FAQ and related CMS lists - [CMS-Forum], [CMS-Meta], [CMS-PR],
[CMS-Develop]
> http://www.cmsreview.com/NetiquetteFAQ.html
> 

_______________________________________________
cms mailing list
[email protected]
Subscription controls:
http://lists.cms-forum.org/mailman/listinfo/cms
Netiquette FAQ and related CMS lists - [CMS-Forum], [CMS-Meta], [CMS-PR],
[CMS-Develop]
http://www.cmsreview.com/NetiquetteFAQ.html