http://www.uk-web-pros.co.uk/left-menu-bordered-example-1/left-menu-tailorsdummy.html.

I've set out this no-hack menu for trainees here who have difficulty
understanding box models for accessibility standards compliance. Before
writing a detailed article it makes sense to have experts check it.

The concept of the menu is to base the model around a "tailor's dummy"
wrapper. Of course, I'm standing on the shoulders of giants here, having
based this on excellent articles like
http://www.alistapart.com/articles/customcorners2/. It seems to me, though,
too many starting out with CSS and coding for accessibility have a
difficulty with separating out components. They don't grasp concepts set out
in the article referred to. Consequently, they end up with code that may
work on browsers but breaks when modifications are made or when technology
changes (e.g. IE7 and previous IE hacks!). There's also often an issue as
regards accessibility and therefore SEF (not for here).

I hope the menu will work across modern browsers. It should expand as
zoom/text expands, and remain fluid as browser window size changes. I'd
appreciate feedback on errors or ways to improve code. I've deliberately
left long cascading elements in CSS for tutorial purposes (and probably been
a bit lazy in condensing code) but any feedback is most welcome.

I'll post a link to the article written after I complete this stage.

Many thanks.

Mike A.


______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to