WebAIM - Web Accessibility In Mind

E-mail List Archives

RE: UL spacing on side navigation


From: julian.rickards@ndm.gov.on.ca
Date: Mar 18, 2004 6:27AM

I am surprised that:

li {margin-bottom: 1em} /* or something similar */

did not work. You could try

li {line-height: 2em} /* assuming li font-size is 1em */


Julian Rickards
Digital Publications Distribution Coordinator
Publications Services Section
Ontario Ministry of Northern Development and Mines
Phone: (705) 670-5608
Fax: (705) 670-5690

-----Original Message-----
From: Leesa Lavigne [mailto: <EMAIL REMOVED> ]
Sent: Wednesday, March 17, 2004 6:40 PM
Subject: UL spacing on side navigation


I uploaded just a basic page with the side navigation include file.

You can view it here: http://www.loveitsimple.com/MHA/SideNavTest.php
<http://www.loveitsimple.com/MHA/SideNavTest.php>; See how the links are
all crammed together instead of having a line space between them?

If you look at the source code you will see the break tags as so:
<li><a href="AdManagement/Register.php">Create an account</a><br></li>

Bit strange. I like to leave my site's text as default with a text resizer
link on the page so I'm not using px, ems, or any other size. I did try the
bottom margin setting in CSS but when not set just right (I tried it with %
values) the links can overlap each other.

The break tag normally gives me the spacing that I like even if CSS is
turned off on a visitors browser. Not sure why it's not showing the space
on the page. I used CSS for the -3 for the left margin so the links would
sit to the right like normal links would. I also used the style=none to get
rid of the bullets. Those, along with the hover background color, work so I
know the CSS is working.

Thanks. Leesa

Web Design Solutions tailor made to fit your unique needs.
Leesa Lavigne
Visit: <http://www.loveitsimple.com/>; http://www.LoveItSimple.com

-----Original Message-----
[mailto: <EMAIL REMOVED> ]
Sent: Tuesday, March 16, 2004 1:01 AM
Subject: webaim-forum-d Digest V2004 #52

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