Re: [WSG] Image Replacement and Accessabilty
On 17/4/09 03:15, Russ Weakley wrote: Of course, we'd all prefer to use the correct method, which is display:none - but we have not been able to use this due to issues with earlier versions of JAWS (content set to display: none was not read aloud by these screen readers) - negatively affecting the very people we were trying to assist. :( Note, per the current CSS 2.1 spec, display is not a visual property specifically, so it's probably not the correct method. http://www.w3.org/TR/CSS21/visuren.html#display-prop : display applies to all media types. http://www.w3.org/TR/CSS21/aural.html#propdef-speak : speak: none; Suppresses aural rendering so that the element requires no time to render but descendants may override this value and will be spoken. (To be sure to suppress rendering of an element and its descendants, use the 'display' property). That is to say, display might be more clearly named render (in speech, in print, on screen, in braille, etc.). If one assumed that screen readers should act as if they were aural or braille browsers, then you could make a case that: @media screen, projection { .thing { display: none; } } would be a correct method. But this assumption doesn't really reflect the actual approach taken by screen reader developers. All popular screen readers ignore speech- and braille-specific CSS. -- Benjamin Hawkes-Lewis *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Borders in liquid layouts
I have created a web site design, with a graphical border down the sides of the design (15px wide on each side). To implement this using CSS would be quite simple if the design had a fixed width, but I am looking to implement a liquid layout. Essentially I reckon it comes down to equal height columns in liquid layouts. Any suggestions on how to best accomplish this? Thanks. Stephen *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Borders in liquid layouts
I would bet on there not being a proper solution for this unless you want to start hacking around with some sort of JS based calculation solutions, which will only work for users which have JS on. I would go for the design with no borders basically. Often a time design decisions are impacted by limitations imposed by what web technologies are capable of doing. This is one of the reasons why most sites are not liquid layouts, and the ones that are have a very bland design by and large. Hope this helps. On Fri, Apr 17, 2009 at 7:18 PM, Stevio redea...@freeuk.com wrote: I have created a web site design, with a graphical border down the sides of the design (15px wide on each side). To implement this using CSS would be quite simple if the design had a fixed width, but I am looking to implement a liquid layout. Essentially I reckon it comes down to equal height columns in liquid layouts. Any suggestions on how to best accomplish this? Thanks. Stephen *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- Jason Grant BSc, MSc CEO, Flexewebs Ltd. www.flexewebs.com ja...@flexewebs.com +44 (0)7748 591 770 Company no.: 5587469 www.flexewebs.com/semantix www.twitter.com/flexewebs www.linkedin.com/in/flexewebs *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Borders in liquid layouts
I've used this several times with success. It may work for you as well: Equal Height Columns (Project Seven) http://www.projectseven.com/tutorials/css/pvii_columns/index.htm Frederick On Fri, Apr 17, 2009 at 12:38 PM, Jason Grant ja...@flexewebs.com wrote: I would bet on there not being a proper solution for this unless you want to start hacking around with some sort of JS based calculation solutions, which will only work for users which have JS on. I would go for the design with no borders basically. Often a time design decisions are impacted by limitations imposed by what web technologies are capable of doing. This is one of the reasons why most sites are not liquid layouts, and the ones that are have a very bland design by and large. Hope this helps. On Fri, Apr 17, 2009 at 7:18 PM, Stevio redea...@freeuk.com wrote: I have created a web site design, with a graphical border down the sides of the design (15px wide on each side). To implement this using CSS would be quite simple if the design had a fixed width, but I am looking to implement a liquid layout. Essentially I reckon it comes down to equal height columns in liquid layouts. Any suggestions on how to best accomplish this? Thanks. Stephen *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- Jason Grant BSc, MSc CEO, Flexewebs Ltd. www.flexewebs.com ja...@flexewebs.com +44 (0)7748 591 770 Company no.: 5587469 www.flexewebs.com/semantix www.twitter.com/flexewebs www.linkedin.com/in/flexewebs *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Borders in liquid layouts
At 4/17/2009 11:18 AM, Stevio wrote: I have created a web site design, with a graphical border down the sides of the design (15px wide on each side). To implement this using CSS would be quite simple if the design had a fixed width, but I am looking to implement a liquid layout. Essentially I reckon it comes down to equal height columns in liquid layouts. Any suggestions on how to best accomplish this? You could wrap the columns in a nested pair of parent containers that stretch naturally to contain the widest tallest of their children, then apply one border to the left side of outer parent and the other border to the right side of the inner parent. div id=parent-outer div id=parent-inner div id=column-1 /div div id=column-2 /div /div /div Regards, Paul __ Paul Novitski Juniper Webcraft Ltd. http://juniperwebcraft.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Borders in liquid layouts
Stevio wrote: [...] Essentially I reckon it comes down to equal height columns in liquid layouts. Any suggestions on how to best accomplish this? There is this: http://matthewjamestaylor.com/blog/equal-height-columns-cross-browser-css-no-hacks Cordially, David -- *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***