E-mail List Archives

Search E-mail List Archives for

Number of posts in this thread: 2 (In chronological order)

From: Jill Lenz
Date: Thu, Jul 08 2004 11:26AM
Subject: vspace, HTML 4.0 to XHTML 1.0 Transitional
No previous message | Next message →

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 ADDRESS REMOVED =

From: Michael Goddard
Date: Thu, Jul 08 2004 2:42PM
Subject: Re: vspace, HTML 4.0 to XHTML 1.0 Transitional
← Previous message | No next message

Jill,

You will probably have more success in getting this answered on a CSS list
instead of an accessibility list.

Check out http://www.css-discuss.org/ for a good list, however be warned, it
is a heavy traffic mail list!

Also based on what your navigation menu looks like, you may want to check
out http://www.htmldog.com/articles/suckerfish/dropdowns/ which has a
multi-level drop down menu that is extremely compatible, flexible and if I'm
not mistaken, accessible.

HTH,

Michael


-----Original Message-----
From: jill.lenz [mailto: = EMAIL ADDRESS REMOVED = ]
Sent: Thursday, July 08, 2004 1:29 PM
To: WebAIM Discussion List
Subject: [WebAIM] vspace, HTML 4.0 to XHTML 1.0 Transitional

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