WebAIM - Web Accessibility In Mind

E-mail List Archives

vspace, HTML 4.0 to XHTML 1.0 Transitional

for

From: Jill Lenz
Date: Jul 8, 2004 11:26AM

Hello all,

I'm taking the plunge to convert our college home page at
http://www.cvmbs.colostate.edu/from HTML 4.0 to XHTML 1.0 Transitional.
My ultimate goal in the future is to use CSS-P, but for now the layout
is still in tables. I didn't want to take on too many changes at once
since I'm teaching myself.

My first attempt at http://www.cvmbs.colostate.edu/index_in_progress.htm
went smoothly except for the spacing of the left hand navigation items
and how they line up with the corresponding Javascript flyout menus.
This works on a PC in IE6 and Netscape 4.76 but not Netscape 7 (or
Mozilla on the Mac or Explorer 5.2 on the Mac) where the left nav is
stacked too close together vertically, therefore the Javascript flyout
menus don't line up correctly. In this case, I suspect it's the
deprecated vspace="6" attribute from the 13 image tags that make up the
left navigation area that Netscape 7 doesn't support.

In my second attempt at
http://www.cvmbs.colostate.edu/index_in_progress2.htm I removed the
deprecated vspace attribute and replaced it with a new class in the css
called "vspace" where I started exploring padding and margins. In fact,
you can see three classes for vspace with different variations. All
attempts still leave the spacing out of whack. I thought that a
padding-top and bottom of 6 px would do the trick, but my logic must be
wrong. Am I on the right track by defining a class to make this spacing?

Any thoughts would be appreciated . . . I'm willing to try CSS-P if
that's the answer, and willing to explore good references anyone can
point me too.

Thanks, Jill

P.S. I know ... too many links on this page. Believe me, I'd love to
simplify this page, and reduce the number of links by doing away with
the flyout menus, but for now this design is our solution to satisfy all
the requests of having everyone and everything in the college listed on
the home page. This will be my next battle, I've been gathering
ammunition for about a year now. :)



--
Jill Lenz
College of Veterinary Medicine and Biomedical Sciences
1601 Campus Delivery
Colorado State University
Fort Collins, CO 80523-1601

Office of the Dean - Instructional Technology
http://www.cvmbs.colostate.edu/intech/lab/
Office: Physiology 109
InTech Lab: Physiology 101
voice: 970-491-6585
fax: 970-491-2250
<EMAIL REMOVED>