Re: [WSG] Borders in liquid layouts

[David Hucklesby]

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:
 


Cordially,
David
--



***
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

[Paul Novitski]

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.











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
***

[WSG] Re: Web accessibility research

[marie-jose zammit]

 
Hi I am a university student studying for a B.Sc.(Hons.) in Mathematics and 
Informatics at the University of Malta and I am currently involved in a study 
that is exploring the challenges persons with disabilities face when using the 
Internet. 

Part of the investigation consists in conducting a questionnaire. If anyone 
wishes to participate please go on the following web site 

http://www.webaccessibilityresearch.com/ 

Thank you for your time and assistance. 
_
Rediscover Hotmail®: Now available on your iPhone or BlackBerry
http://windowslive.com/RediscoverHotmail?ocid=TXT_TAGLM_WL_HM_Rediscover_Mobile2_042009

***
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

[Frederick Matzen]

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  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  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

[Jason Grant]

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  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
***

[WSG] Borders in liquid layouts

[Stevio]

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] Image Replacement and Accessabilty

[Benjamin Hawkes-Lewis]

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
***