WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Trying to avoid using tables


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; }
<dt>1998 - Present</dt>
<dd>Web Accessibility Specialist
blah blah blah</dd>
<dd>Project Coordinator, Career Mentor Program for Students
with Disabilities
blah blah blah</dd>

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