WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Using UL for links

for

From: Paul Bohman
Date: Mar 16, 2004 10:04PM

To increase the vertical space between list elements, try adding either
padding or margin space to the top and/or bottom of each <li> item:

.liststyle
{
padding-top: 2px;
padding-bottom: 2px;
}

...
<li class="liststyle">list item here</li>
...

The choice of padding or margin space is up to you. If you have a
background color already defined in the style for the <li> element, and
if you don't want a gap, then use padding. Using margin would create a
gap in the background color, but maybe that's an effect that you want.
There are other effects that your choice could have on your design, but
just try them out and see if one or the other works for you.

Leesa Lavigne wrote:
> I just tried using the UL for side links and like it except for one
> thing that you might be able to help me with. I would like more
> vertical spacing between each link. I couldn't find a CSS attribute
> that worked just between the line items and not between every line
> (incase one link wrapped to two lines).

--
Paul Ryan Bohman
Web Accessibility Specialist/Project Coordinator
WebAIM (Web Accessibility in Mind)
www.webaim.org
Center for Persons with Disabilities
www.cpd.usu.edu
Utah State University
www.usu.edu


----
To subscribe, unsubscribe, suspend, or view list archives,
visit http://www.webaim.org/discussion/