- From: Wayne Dick <wayneedick@gmail.com>
- Date: Mon, 20 Aug 2012 17:46:29 -0700
- To: W3C WAI ig <w3c-wai-ig@w3.org>
- Message-ID: <CAJeQ8SAUCdNz9xdbmPj6BBeY_Smf91snqiM7Sw5srnSp0-+=CQ@mail.gmail.com>
AFB uses a table layout for its Access World Newsletter. This one has lots
of TD-elements in a header with the article columns below. When you
enlarge text-only the small TD-elements on top get long and blow the
article off the right. This is also true for the "print-friendly" format.
You can use the style sheet below to get a decent word wrap. It ain't
perfect. I would not apply it until I have the article I want loaded and
in print-friendly mode. The layout table structure is much more manageable
in print-friendly mode.
I made a few adjustments for readability. The main was to set a max-width
limit on TD-elements of 900px. Now don't get all worried about usng %
instead of px. Accommodation tools use fixed measures, accessible content
uses relative measures.
To use this, I recommend Safari. Alternative style sheets are easiest to
manage on Safari. Just go to preferences > advanced > style sheet and
choose the code below. Now, the resulting page will be hard to navigate.
It will be a table that is blown all out of shape... BUT the article you
want to read is in one column that will fit on a screen horizontally. If
you need help call or email me Wayne Dick, 562-256-4458. Please watch time
zones. I'm late to rise and early to bet.
/* Default preferences */
html {background-color: #FFFAF5 !important;
color: #000000 !important;
font-size: 36px!important;
line-height: 1.3 !important;
width: 1180px !important;
}
html * {background-color: inherit !important;
color: inherit !important;
font-size: 1em !important;
line-height: inherit!important;
position: static !important;
}
h1, h2, h3, h4, h5, h6 {
font-family: "Comic Sans MS" !important;
font-size: 0.95em !important;
}
a:link {color: #103075 !important;}
a:visited {color: #046D39 !important;}
a:hover {color: #0000FF !important;}
a:active {color: #444444 !important;
}
td {max-width: 900px !important;
padding: 40px !important;
border-style: solid !important;
border-width: thin !important;
border-color: #888680}
Cheers,
Wayne
Received on Tuesday, 21 August 2012 00:46:57 UTC