E-mail List Archives
Thread: Trying to avoid using tables
Number of posts in this thread: 5 (In chronological order)
From: Glenda Watson Hyatt
Date: Tue, Aug 27 2002 10:55AM
Subject: Trying to avoid using tables
No previous message | Next message →
Good morning all,
I am converting my resume and am trying hard to avoid using tables simply
for layout. Any suggestions on how to format the following using CSS?
1998 - Present Web Accessibility Specialist
blah blah blah
1997-1998 Project Coordinator, Career Mentor Program for Students
with Disabilities
blah blah blah
Thanks,
Glenda
*********
Glenda Watson Hyatt
Soaring Eagle Communications
"Creating freedom and power through accessible communications"
E Mail: mailto: = EMAIL ADDRESS REMOVED =
Website: http://www.eaglecom.bc.ca
Want to know how to make your website accessible to more people?
Subscribe to our FREE newsletter by emailing
mailto: = EMAIL ADDRESS REMOVED =
*********
---
To subscribe, unsubscribe, or view list archives,
visit http://www.webaim.org/discussion/
----
To subscribe, unsubscribe, or view list archives,
visit http://www.webaim.org/discussion/
From: Kynn Bartlett
Date: Tue, Aug 27 2002 11:28AM
Subject: Re: Trying to avoid using tables
← Previous message | Next message →
At 10:30 AM -0700 8/27/02, Glenda Watson Hyatt wrote:
>I am converting my resume and am trying hard to avoid using tables simply
>for layout. Any suggestions on how to format the following using CSS?
>
>1998 - Present Web Accessibility Specialist
> blah blah blah
>
>1997-1998 Project Coordinator, Career Mentor Program for Students
>with Disabilities
> blah blah blah
Is this table "simply for layout" or is it a data table?
--Kynn
PS: I will work on the CSS code for what you want to do. ;)
--
Kynn Bartlett < = EMAIL ADDRESS REMOVED = > http://kynn.com
Chief Technologist, Idyll Mountain http://idyllmtn.com
Next Book: Teach Yourself CSS in 24 http://cssin24hours.com
Kynn on Web Accessibility ->> http://kynn.com/+sitepoint
----
To subscribe, unsubscribe, or view list archives,
visit http://www.webaim.org/discussion/
From: Kynn Bartlett
Date: Tue, Aug 27 2002 12:30PM
Subject: Re: Trying to avoid using tables
← Previous message | Next message →
At 10:30 AM -0700 8/27/02, Glenda Watson Hyatt wrote:
>Good morning all,
>
>I am converting my resume and am trying hard to avoid using tables simply
>for layout. Any suggestions on how to format the following using CSS?
>
Here's how:
...
<style type="text/css">
dl { margin-left: 10em; }
dt { position: absolute;
width: 9em;
left: 1em; }
/* these are just to illustrate where the boxes are */
dd, dt { border: 1px solid silver; }
dl { border: 1px solid black; }
</style>
...
<dl>
<dt>1998 - Present</dt>
<dd>Web Accessibility Specialist
<br>
blah blah blah</dd>
<dt>1997-1998</dt>
<dd>Project Coordinator, Career Mentor Program for Students
with Disabilities
<br>
blah blah blah</dd>
</dl>
...
I haven't tested this in IE 6 for Windows or Netscape 4 yet. Works in
IE, Opera, Netscape 7, and Lynx on Mac.
--Kynn
--
Kynn Bartlett < = EMAIL ADDRESS REMOVED = > http://kynn.com
Chief Technologist, Idyll Mountain http://idyllmtn.com
Next Book: Teach Yourself CSS in 24 http://cssin24hours.com
Kynn on Web Accessibility ->> http://kynn.com/+sitepoint
----
To subscribe, unsubscribe, or view list archives,
visit http://www.webaim.org/discussion/
From: Andrew Kirkpatrick
Date: Tue, Aug 27 2002 12:48PM
Subject: Re: Trying to avoid using tables
← Previous message | Next message →
Kynn,
I would think that using headers and paragraphs would make the content more
accessible, at least using today's assistive technologies. I've always been
a little uncomfortable using <dt> for anything apart from definitions - do
you think that this is semantically correct? It seems a bit of a stretch to
say that the job title and responsibilities define the period of time.
I guess I'm asking how you determine when to use <dt>'s...
Thanks,
AWK
On 8/27/02 2:33 PM, "Kynn Bartlett" < = EMAIL ADDRESS REMOVED = > wrote:
> At 10:30 AM -0700 8/27/02, Glenda Watson Hyatt wrote:
>> Good morning all,
>>
>> I am converting my resume and am trying hard to avoid using tables simply
>> for layout. Any suggestions on how to format the following using CSS?
>>
>
> Here's how:
>
> ...
> <style type="text/css">
> dl { margin-left: 10em; }
> dt { position: absolute;
> width: 9em;
> left: 1em; }
> /* these are just to illustrate where the boxes are */
> dd, dt { border: 1px solid silver; }
> dl { border: 1px solid black; }
> </style>
> ...
> <dl>
> <dt>1998 - Present</dt>
> <dd>Web Accessibility Specialist
> <br>
> blah blah blah</dd>
> <dt>1997-1998</dt>
> <dd>Project Coordinator, Career Mentor Program for Students
> with Disabilities
> <br>
> blah blah blah</dd>
> </dl>
> ...
>
> I haven't tested this in IE 6 for Windows or Netscape 4 yet. Works in
> IE, Opera, Netscape 7, and Lynx on Mac.
>
> --Kynn
--
Andrew Kirkpatrick
CPB/WGBH National Center for Accessible Media
125 Western Ave.
Boston, MA 02134
E-mail: = EMAIL ADDRESS REMOVED =
Web site: ncam.wgbh.org
617-300-4420 (direct voice/FAX)
617-300-3400 (main NCAM)
617-300-2489 (TTY)
WGBH enriches people's lives through programs and services that educate,
inspire, and entertain, fostering citizenship and culture, the joy of
learning, and the power of diverse perspectives.
----
To subscribe, unsubscribe, or view list archives,
visit http://www.webaim.org/discussion/
From: Kynn Bartlett
Date: Tue, Aug 27 2002 1:46PM
Subject: Re: Trying to avoid using tables
← Previous message | No next message
At 3:41 PM -0400 8/27/02, Andrew Kirkpatrick wrote:
>Kynn,
>I would think that using headers and paragraphs would make the content more
>accessible, at least using today's assistive technologies. I've always been
>a little uncomfortable using <dt> for anything apart from definitions - do
>you think that this is semantically correct?
Yes, it's correct. The <dl> isn't restricted to definitions only,
it's restricted to lists which are "like definitions". Specifically:
"Definition lists vary only slightly from other types of lists in that
list items consist of two parts: a term and a description. The
term is given by the DT element and is restricted to inline
content. The description is given with a DD element that
contains block-level content."
http://www.w3.org/TR/html401/struct/lists.html#h-10.3
The operative word for the <dd> is _description_ and not
_definition_. The description does not need to define the term,
only describe it. And the block-level content "Accessibility
Consultant <br> blah blah blah" is a description for the time
period "July 1998 to present".
Note the standard also says:
"Another application of DL, for example, is for marking up
dialogues, with each DT naming a speaker, and each DD
containing his or her words."
Clearly, <dl> is not intended to be used exclusively for
definitions.
--Kynn
--
Kynn Bartlett < = EMAIL ADDRESS REMOVED = > http://kynn.com
Chief Technologist, Idyll Mountain http://idyllmtn.com
Next Book: Teach Yourself CSS in 24 http://cssin24hours.com
Kynn on Web Accessibility ->> http://kynn.com/+sitepoint
----
To subscribe, unsubscribe, or view list archives,
visit http://www.webaim.org/discussion/