Hi,

I'm aware it is a table based solution. As an exercise I'm attempting to to do this with CSS, but have trouble with the "Tonight's Lineup". I thought about a nested <ul> solution, what can anyone else offer?



On Friday, September 24, 2004, at 11:27 PM, Bert wrote:

G'day

As an exercise, converting table based layouts to CSS has proven vigorous.

For my next trick, creating "Tonight's Lineup" at:
http://www.bbcamerica.com/bbcamerica.jsp
with nested a <ul>, could someone point to a semantically correct
solution?

Looks like tabular data to me - rows with two pieces of related info each.
One column has the time, the other has the title of the show. Tabular data
is best put in a table and if set up properly (with summary, caption,
headings with scope, etc) it will make sense from an accessibility point of
view.


The only other option I see is a Definition List, where the DT is the time
and the DD is the show's title. But will it make sense to people using
assistive technology?


Regards
--
Bert Doorn, Better Web Design
www.bwdzine.com
Fast-loading, user-friendly websites

******************************************************
The discussion list for  http://webstandardsgroup.org/

Proud presenters of Web Essentials 04 http://we04.com/
 Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list & getting help
******************************************************


"Imagination is more important than knowledge."
                                                -Albert Einstein

Chris
http://ckimedia.com

******************************************************
The discussion list for  http://webstandardsgroup.org/

Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004

See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************



Reply via email to