WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Trying to avoid using tables

for

From: Kynn Bartlett
Date: Aug 27, 2002 12:30PM

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 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/