Comments on: Standards Compliant, Accessible Tabs Using HTML, CSS, and 4 Tiny Images http://www.leonamarant.com/2010/03/10/standards-compliant-accessible-tabs-using-html-css-and-4-tiny-images/ Mon, 21 Nov 2011 22:15:49 +0000 hourly 1 http://wordpress.org/?v=3.2.1 By: George http://www.leonamarant.com/2010/03/10/standards-compliant-accessible-tabs-using-html-css-and-4-tiny-images/#comment-716 George Mon, 05 Apr 2010 16:11:45 +0000 http://www.leonamarant.com/?p=343#comment-716 [div style="width:100%; height:75px; background:#b71e1a url(bg.gif) center center repeat-x"] [ul id="LATabs" style="width:600px;"] [div style="width:100%; height:75px; background:#b71e1a url(bg.gif) center center repeat-x"]
[ul id="LATabs" style="width:600px;"]

]]> By: George http://www.leonamarant.com/2010/03/10/standards-compliant-accessible-tabs-using-html-css-and-4-tiny-images/#comment-715 George Mon, 05 Apr 2010 16:10:36 +0000 http://www.leonamarant.com/?p=343#comment-715 Good stuff Leon. The only issue I see is that when the browser window is re-sized to a width that is smaller than 600px (the width of the UL tag), the tabs get stacked on top of each other. To remedy this I would wrap a DIV tag around the the UL tag and give the DIV a 100% width and give the UL an absolute width. i.e.: rest of code... -George Good stuff Leon.

The only issue I see is that when the browser window is re-sized to a width that is smaller than 600px (the width of the UL tag), the tabs get stacked on top of each other. To remedy this I would wrap a DIV tag around the the UL tag and give the DIV a 100% width and give the UL an absolute width.

i.e.:

rest of code…

-George

]]>