Re: [WSG] Accessible, complex forms

2007-05-15 Thread Karl Lurman

Greg and Steve,

I had the idea of doing something like the following:

!-- Begin Code --

Balance is within $span
style=position:relative;height:1%;padding-right:3em;margin:0;padding-left:0;/spancredit
limitlabel for=balance
style=position:absolute;text-indent:-999emBalance is within
$/labelinput id=balance
style=width:3em;position:relative;left:-8.25em;margin-right:-3em
name=balance type=text /More text here

!-- End Code --

Excuse the inline styling... And make sure that goes in a strict xhtml
1.0 document! or else you will go into quirks under IE.

What that basically does is this:

- Create the text which the input is to appear within.
- Where you want the input, insert a 'spacer' (in this case, a span
tag) that spaces out the text the same width that the input is
- Create a label that is visible only to screen readers. This label
should 'read right' i.e as if it is a label to an actual box
- Create your input
- Move the input back so that appears to be inside the gap made by the 'spacer'
- remove the space (with negative-right margin = to width of input)

Pros:

-Visually, it kind of gives you what you want. Using em values means
that increases of font sizes will still give the same result too.

Cons:

-We now have some extra text before/after the label/input pair, and it
makes even less sense when being read back by a screen reader (or I
would assume)
- Because the em calculations are consistant over all browsers and
font-sizes, sometimes the field overlaps the text.
- BIG PITA: You will have to calculate a lot padding and negative
margin values per input field

Unknown:
- How would this deal with big sentences going over multiple lines?
- What if text appeared in a fluid layout and the wrap occurred before
the input?

Frankly, I think you would be better off ditching the label all
together and hoping for the best with the text description mixed with
inputs.

Thanks for the exercise though, was fun!

Karl

On 5/15/07, Steve Green [EMAIL PROTECTED] wrote:



This kind of design always causes problems during user testing because a
screen reader user does not know what comes after form controls when they
occur in the middle of a line. In fact they don't even know it's in the
middle of a line.

You are asking them to read the whole sentence then go back to the middle to
enter data in the form. Screen reader users' ability to deal with unusual
constructions like this depends on their experience to a far greater extent
than fully able users. We find that they may be able to hear all the content
but just can't understand what they are supposed to do with it. If this form
control is on its own then they will probably cope but if there are lots
more like it then it becomes increasingly likely they won't. Blind people
don't always 'visualise' things the way you might expect, particularly if
they have been blind from birth.

Invisible labels are fine, but if you really want it to be more accessible,
put the form controls at the end of the sentences.

Steve
 www.testpartners.co.uk
www.accessibility.co.uk



 
 From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Greg
Sent: 14 May 2007 21:23
To: wsg@webstandardsgroup.org
Subject: [WSG] Accessible, complex forms


I have a dilemma that I hope someone can advise me on.  A client wants a
fairly complex form that will have input fields in the middle of a line of
text (think adlibs), and then a select box at the end of the line. For
example:

[th]  Alert  ...  [th]  Status or delivery choice
[td]  Balance is within $_  of my credit limit[td]  select
box [email/sms/both]

I hope that example made sense.  The problem we are facing is with screen
readers, and our approach so far has been to create invisible labels with
css.

Is there a more accessible way to make this type of form more accessible?

Thanks in advance,

Greg


http://www.wolkinsphotography.com
http://www.catscape.com






***
List Guidelines:
http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe:
http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

***
List Guidelines:
http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe:
http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



[WSG] Out of Office AutoReply: digest for wsg@webstandardsgroup.org

2007-05-15 Thread Lynda Kelly
 
Thanks for your email. I'm out of the office from Wednesday 16th May and back 
Monday 21st. Email will be irregularly checked and I will respond to your email 
wjhen I can, or please call me on 0419 997 609.

 If you are enquiring about the Web Redevelopmnet Coordinator position 
(TMP455/07) please call me on my mobile.


The Australian Museum.

The views in this email are those of the user and do not necessarily reflect 
the views of the Australian Museum. The information contained in this email 
message and any accompanying files is or may be confidential and is for the 
intended recipient only. If you are not the intended recipient, any use, 
dissemination, reliance, forwarding, printing or copying of this email or any 
attached files is unauthorised. If you are not the intended recipient, please 
delete it and notify the sender. The Australian Museum does not guarantee the 
accuracy of any information contained in this e-mail or attached files. As 
Internet communications are not secure, the Australian Museum does not accept 
legal responsibility for the contents of this message or attached files.

***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***


RE: [WSG] IE6 problem - more general

2007-05-15 Thread Kepler Gelotte
Hi Susie,

 

I am not an expert by any means. I joined this group to learn from others
and get some tips. I try to tackle other people's problems because it s a
great way to learn and hopefully I can help someone out in the process. I
have read a number of books on CSS (and other web related topics) and found
the best explanation of the CSS model for me was in CSS Mastery Advanced
Web Standards Solutions by Andy Budd.

 

A couple of techniques I use when debugging:

1) put a border around the problem area and surrounding or enclosing blocks
using border: solid red 1px; 

2) remove HTML and/or CSS chunks to try to isolate the problem. Sometimes by
removing some HTML the problem goes away then that tells me where the issue
lies.

 

Hope that helps.

 

Regards,

Kepler

 

  _  

From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Susie Gardner-Brown
Sent: Monday, May 14, 2007 7:07 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] IE6 problem - more general

 

Hi there Kepler

Thank you!
I believe it's OK now.

I would really like to ask you how you know all this - how you keep it in
your head?!! Do you have pages and pages of stuff like this written down, or
what?!!!

For example: about making nav buttons clickable in IE7: why does the
container div need to be 'position: relative for IE7? And what if there
wasn't a container div? Would that make it not work at all?!

I really need to get a handle on how to keep all these things 'known' to me!
I've got a quite good book - The CSS Anthology, by Rachel Andrews. But it's
pre-IE7 ... 

Any thoughts, suggestions would be great!

Thanks again ... :)

- susie


On 15/5/07 6:37 AM, Kepler Gelotte [EMAIL PROTECTED] wrote:

Hi Susan,
 
To make the navigation buttons clickable in IE7 you need to define the
container as position: relative:
 
#container {
position: relative;
}
 
Also the pseudo links should be defined for :link and :visited if you define
It for :hover. Try using these for the navigation definitions:
 
#leftNav a:link, #leftNav a:visited {   /* instead of #leftNav a */
 
#level2nav  a:link, #level2nav a:visited   {/* instead of #level2nav li
a */
 
Regards,
Kepler
 


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

 


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***

Re: [WSG] IE6 problem - more general

2007-05-15 Thread Joseph R. B. Taylor
There is also an abundance of information left from those who initially 
discovered and tried to squash the IE family rendering bugs. Any google 
search for IE6 box model bugs or anything of the like will return a 
complete education's worth of material.


In the long run its all experiencing each bug and understanding what 
caused it and knowing that ahead of time, next time you begin marking up 
a layout.


When I first started doing layouts with CSS, I thought IE had it right 
and the other browsers were wrong!


Slowly I learned through trial and error, and for a time even did 
hybrid layouts using minimal tables as I got a stronger grasp of the 
issues I was facing.


The most important things you can do as you create layouts are to:

   * Make sure you're using strict document types and validate your
 code before anything else
   * Test everything in browsers that work first
   * Set up separate stylesheets for IE so you don't have to use hacks

Those points make life much easier in the battle against IE's rendering 
issues.


*Joseph R. B. Taylor*
Sites by Joe, LLC
/Custom Web Design  Development/
Phone: (609) 335-3076
www.sitesbyjoe.com http://www.sitesbyjoe.com



Kepler Gelotte wrote:


Hi Susie,

I am not an expert by any means. I joined this group to learn from 
others and get some tips. I try to tackle other people’s problems 
because it s a great way to learn and hopefully I can help someone out 
in the process. I have read a number of books on CSS (and other web 
related topics) and found the best explanation of the CSS model for me 
was in “CSS Mastery Advanced Web Standards Solutions” by Andy Budd.


A couple of techniques I use when debugging:

1) put a border around the problem area and surrounding or enclosing 
blocks using “border: solid red 1px;”


2) remove HTML and/or CSS chunks to try to isolate the problem. 
Sometimes by removing some HTML the problem goes away then that tells 
me where the issue lies.


Hope that helps.

Regards,

Kepler



*From:* [EMAIL PROTECTED] 
[mailto:[EMAIL PROTECTED] *On Behalf Of *Susie Gardner-Brown

*Sent:* Monday, May 14, 2007 7:07 PM
*To:* wsg@webstandardsgroup.org
*Subject:* Re: [WSG] IE6 problem - more general

Hi there Kepler

Thank you!
I believe it’s OK now.

I would really like to ask you how you know all this – how you keep it 
in your head?!! Do you have pages and pages of stuff like this written 
down, or what?!!!


For example: about making nav buttons clickable in IE7: why does the 
container div need to be ‘position: relative” for IE7? And what if 
there wasn’t a container div? Would that make it not work at all?!


I really need to get a handle on how to keep all these things ‘known’ 
to me! I’ve got a quite good book – The CSS Anthology, by Rachel 
Andrews. But it’s pre-IE7 ...


Any thoughts, suggestions would be great!

Thanks again ... :)

- susie


On 15/5/07 6:37 AM, Kepler Gelotte [EMAIL PROTECTED] wrote:

Hi Susan,

To make the navigation buttons clickable in IE7 you need to define the 
container as position: relative:


#container {
position: relative;
}

Also the pseudo links should be defined for :link and :visited if you 
define It for :hover. Try using these for the navigation definitions:


#leftNav a:link, #leftNav a:visited { /* instead of #leftNav a */

#level2nav a:link, #level2nav a:visited { /* instead of #level2nav li a */

Regards,
Kepler



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***


No virus found in this incoming message.
Checked by AVG Free Edition. 
Version: 7.5.467 / Virus Database: 269.7.1/805 - Release Date: 5/15/2007 10:47 AM
  



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



RE: [WSG] Accessible, complex forms

2007-05-15 Thread Greg
Thanks Steve, and all, for the many helpful replies.

A better example of the form I am working with is here:
http://catscape.com/forms/alert.html

Very madlib style, but hopefully we can convince the client that it is not in their best interest to ignore screen readers. We did make a bit of progress though, with invisible labels. I found that this method works well - can't remember exactly where I found it, but it's on the internets:

.noScreen {
position:absolute;
left:0px;
top:-500px;
width:1px;
height:1px;
overflow:hidden;
}




 
Wolkins Photography
Catscape Tees

On Mon May 14 23:05 , 'Steve Green' <[EMAIL PROTECTED]> sent:

This kind of design always causes problems during user testing because a screen reader user does not know what comes after form controls when they occur in the middle of a line. In fact they don't even know it's in the middle of a line.You are asking them to read the whole sentence then go back to the middle to enter data in the form. Screen reader users' ability to deal with unusual constructions like this depends on their experience to a far greater extent than fully able users. We find that they may be able to hear all the content but just can't understand what they are supposed to do with it. If this form control is on its own then they will probably cope but if there are lots more like it then it becomes increasingly likely they won't. Blind people don't always 'visualise' things the way you might expect, particularly if they have been blind from birth.Invisible labels are fine, but if you really want it to be more accessible, put the form controls at the end of the sentences.Stevewww.testpartners.co.ukwww.accessibility.co.uk
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Greg
Sent: 14 May 2007 21:23
To: wsg@webstandardsgroup.org
Subject: [WSG] Accessible, complex forms

I have a dilemma that I hope someone can advise me on. A client wants a fairly complex form that will have input fields in the middle of a line of text (think "adlibs"), and then a select box at the end of the line. For example:

[th] Alert ... [th] Status or delivery choice
[td] Balance is within $_ of my credit limit  [td] select box [email/sms/both]

I hope that example made sense. The problem we are facing is with screen readers, and our approach so far has been to create invisible labels with css.

Is there a more accessible way to make this type of form more accessible?

Thanks in advance,

Greg

 
http://www.wolkinsphotography.com 
http://www.catscape.com 





***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]


***List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfmUnsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfmHelp: [EMAIL PROTECTED]***



RE: [WSG] IE6 problem - more general

2007-05-15 Thread David Hucklesby
On Tue, 15 May 2007 10:36:17 -0400, Kepler Gelotte wrote:

 1) put a border around the problem area and surrounding or enclosing blocks 
 using
 “border: solid red 1px;”


But be aware that a border can alter the layout. (By trapping margins
that normally escape for example.)

My preference is to add colored backgrounds to the main blocks.
Viz:
#content {background: #ccf;}
#header {background: #fcf;}
#sidebar {background: #ffc;}

I put these at the end of the main style sheet where I can delete
them easily when done.

Of course, this is just for IE, which I test last. When developing
the layout I find Firebug invaluable. It is the only tool I know that
shows you where the margins are. (Negative margins excepted.)

Cordially,
David
--



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



RE: [WSG] IE6 problem - more general

2007-05-15 Thread David Hucklesby
On Tue, 15 May 2007 10:36:17 -0400, Kepler Gelotte wrote:

 1) put a border around the problem area and surrounding or enclosing blocks 
 using
 “border: solid red 1px;”


But be aware that a border can alter the layout. (By trapping margins
that normally escape for example.)

My preference is to add colored backgrounds to the main blocks.
Viz:
#content {background: #ccf;}
#header {background: #fcf;}
#sidebar {background: #ffc;}

I put these at the end of the main style sheet where I can delete
them easily when done.

Of course, this is just for IE, which I test last. When developing
the layout I find Firebug invaluable. It is the only tool I know that
shows you where the margins are. (Negative margins excepted.)

Cordially,
David
--



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



[WSG] The use of web standards (tables vs CSS)

2007-05-15 Thread Katrina

Gday,

Does anyone know of any research done at any time covering the use of 
web standards? John Allsopp showed some research at Web Essentials in 2005.


What I am specifically looking for is the use of CSS for advanced layout 
versus tables.


Anyone know of anything?

Kat



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



[WSG] Site check Please - new thread

2007-05-15 Thread Taco Fleur
For some reason my other emails ended up in someone else's thread, even
though I created a new message from scratch.

Anyways; anyone interested in a site check?

http://web-strategists.com:888

Thanks in advance...

Taco Fleur
www.pacificfox.com.au website design





***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] The use of web standards (tables vs CSS)

2007-05-15 Thread Joseph R. B. Taylor
The best one I ever saw was a hilarious, cartoon-infested, yet factual 
case made against the use of tables for layout, but for the life of me I 
have cannot remember the url.


I'm hoping the mentioning of the cartoons will spark some other member's 
memories since I myself saw it 3-4 years ago.  All I remember was the 
cowboy who was saying something like ...thats the cowboy way... in 
regards to following the standards.


*Joseph R. B. Taylor*
Sites by Joe, LLC
/Custom Web Design  Development/
Phone: (609) 335-3076
www.sitesbyjoe.com http://www.sitesbyjoe.com



Katrina wrote:

Gday,

Does anyone know of any research done at any time covering the use of 
web standards? John Allsopp showed some research at Web Essentials in 
2005.


What I am specifically looking for is the use of CSS for advanced 
layout versus tables.


Anyone know of anything?

Kat



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***






***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



RE: [WSG] Site check Please - new thread

2007-05-15 Thread Taco Fleur
 
Thanks.

How large did you size the font to? We've only anticipated 1 size up, as its
already a large font. You can't win in every situation ;-)

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Joseph R. B. Taylor
Sent: Wednesday, 16 May 2007 2:32 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Site check Please - new thread

Taco,

Everything looks real good with one exception which should be an easy fix:

The yellow bar.  As you increase the text size, the yellow bar does not
expand with it.  The content instead eventually hides as it passes the
bottom of the bar.  If the yellow bar and the drop shadow below it are one
image, I would simply separate them and make the drop shadow a top-place
background image below the yellow bar so the bar itself can expand without
breaking said shadow.

That sounds confusing - heres a screenshot in WinXP/IE6.  Firefox 2 does the
same thing FYI:

http://sitesbyjoe.com/files/wsg/sell-my-stuff.gif

*Joseph R. B. Taylor*
Sites by Joe, LLC
/Custom Web Design  Development/
Phone: (609) 335-3076
www.sitesbyjoe.com http://www.sitesbyjoe.com



Taco Fleur wrote:
 For some reason my other emails ended up in someone else's thread, 
 even though I created a new message from scratch.

 Anyways; anyone interested in a site check?

 http://web-strategists.com:888

 Thanks in advance...

 Taco Fleur
 www.pacificfox.com.au website design





 ***
 List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
 Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
 Help: [EMAIL PROTECTED]
 ***



   


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***







***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



RE: [WSG] Site check Please - new thread

2007-05-15 Thread Taco Fleur
 
May I add that your suggestion would work.

However we'd have to deal with other issues like the new white space (bottom
of yellow to white gradient) that would appear from the font-increase etc.

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Joseph R. B. Taylor
Sent: Wednesday, 16 May 2007 2:32 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Site check Please - new thread

Taco,

Everything looks real good with one exception which should be an easy fix:

The yellow bar.  As you increase the text size, the yellow bar does not
expand with it.  The content instead eventually hides as it passes the
bottom of the bar.  If the yellow bar and the drop shadow below it are one
image, I would simply separate them and make the drop shadow a top-place
background image below the yellow bar so the bar itself can expand without
breaking said shadow.

That sounds confusing - heres a screenshot in WinXP/IE6.  Firefox 2 does the
same thing FYI:

http://sitesbyjoe.com/files/wsg/sell-my-stuff.gif

*Joseph R. B. Taylor*
Sites by Joe, LLC
/Custom Web Design  Development/
Phone: (609) 335-3076
www.sitesbyjoe.com http://www.sitesbyjoe.com



Taco Fleur wrote:
 For some reason my other emails ended up in someone else's thread, 
 even though I created a new message from scratch.

 Anyways; anyone interested in a site check?

 http://web-strategists.com:888

 Thanks in advance...

 Taco Fleur
 www.pacificfox.com.au website design





 ***
 List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
 Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
 Help: [EMAIL PROTECTED]
 ***



   


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***







***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] Site check Please - new thread

2007-05-15 Thread Felix Miata
[I have a minimum font size set to prevent eyestrain.]

On 2007/05/16 12:51 (GMT+1000) Taco Fleur apparently typed:

 Anyways; anyone interested in a site check?

 http://web-strategists.com:888

I like it a lot above the yellow, but I don't like 3.5 word line lengths at
all. An unset background color and links half hiding behind other things are
unimpressive as well. http://mrmazda.no-ip.com/SS/tacofl2.jpg
-- 
The path of the righteous is like the first gleam of dawn, shining
ever brighter till the full light of day.  Proverbs 4:18 NIV

 Team OS/2 ** Reg. Linux User #211409

Felix Miata  ***  http://mrmazda.no-ip.com/


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] The use of web standards (tables vs CSS)

2007-05-15 Thread Joseph R. B. Taylor

Yes! Good Stuff.

It was this page that opened my eyes to CSS forevermore.

http://www.hotdesign.com/seybold/

*Joseph R. B. Taylor*
Sites by Joe, LLC
/Custom Web Design  Development/
Phone: (609) 335-3076
www.sitesbyjoe.com http://www.sitesbyjoe.com



John Faulds wrote:

I think you're talking about this one: http://www.hotdesign.com/seybold/

On Wed, 16 May 2007 13:59:38 +1000, Joseph R. B. Taylor 
[EMAIL PROTECTED] wrote:


The best one I ever saw was a hilarious, cartoon-infested, yet 
factual case made against the use of tables for layout, but for the 
life of me I have cannot remember the url.


I'm hoping the mentioning of the cartoons will spark some other 
member's memories since I myself saw it 3-4 years ago.  All I 
remember was the cowboy who was saying something like ...thats the 
cowboy way... in regards to following the standards.


*Joseph R. B. Taylor*
Sites by Joe, LLC
/Custom Web Design  Development/
Phone: (609) 335-3076
www.sitesbyjoe.com http://www.sitesbyjoe.com



Katrina wrote:

Gday,

Does anyone know of any research done at any time covering the use 
of web standards? John Allsopp showed some research at Web 
Essentials in 2005.


What I am specifically looking for is the use of CSS for advanced 
layout versus tables.


Anyone know of anything?

Kat



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***






***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***





--Tyssen Design
www.tyssendesign.com.au
Ph: (07) 3300 3303
Mb: 0405 678 590


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



--No virus found in this incoming message.
Checked by AVG Free Edition.Version: 7.5.467 / Virus Database: 
269.7.1/805 - Release Date: 5/15/2007 10:47 AM






***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] Site check Please - new thread

2007-05-15 Thread Joseph R. B. Taylor

Taco,

Don't worry, I'm not one of these nuts who blows up the text to 1200% or 
anything.  I make my largest benchmark the largest setting on IE which 
is the about the equivalent to 2 sizes up on Firefox.


No, its not the end of the world by any means, but you know what happens 
when you ask for a site check around here.


*Joseph R. B. Taylor*
Sites by Joe, LLC
/Custom Web Design  Development/
Phone: (609) 335-3076
www.sitesbyjoe.com http://www.sitesbyjoe.com



Taco Fleur wrote:
 
Thanks.


How large did you size the font to? We've only anticipated 1 size up, as its
already a large font. You can't win in every situation ;-)

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Joseph R. B. Taylor
Sent: Wednesday, 16 May 2007 2:32 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Site check Please - new thread

Taco,

Everything looks real good with one exception which should be an easy fix:

The yellow bar.  As you increase the text size, the yellow bar does not
expand with it.  The content instead eventually hides as it passes the
bottom of the bar.  If the yellow bar and the drop shadow below it are one
image, I would simply separate them and make the drop shadow a top-place
background image below the yellow bar so the bar itself can expand without
breaking said shadow.

That sounds confusing - heres a screenshot in WinXP/IE6.  Firefox 2 does the
same thing FYI:

http://sitesbyjoe.com/files/wsg/sell-my-stuff.gif

*Joseph R. B. Taylor*
Sites by Joe, LLC
/Custom Web Design  Development/
Phone: (609) 335-3076
www.sitesbyjoe.com http://www.sitesbyjoe.com



Taco Fleur wrote:
  
For some reason my other emails ended up in someone else's thread, 
even though I created a new message from scratch.


Anyways; anyone interested in a site check?

http://web-strategists.com:888

Thanks in advance...

Taco Fleur
www.pacificfox.com.au website design





***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



  




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***







***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



  



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



RE: [WSG] Site check Please - new thread

2007-05-15 Thread Taco Fleur
No, its perfectly fine, its exactly what I was asking for.


-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Joseph R. B. Taylor
Sent: Wednesday, 16 May 2007 3:32 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Site check Please - new thread

Taco,

Don't worry, I'm not one of these nuts who blows up the text to 1200% or
anything.  I make my largest benchmark the largest setting on IE which is
the about the equivalent to 2 sizes up on Firefox.

No, its not the end of the world by any means, but you know what happens
when you ask for a site check around here.

*Joseph R. B. Taylor*
Sites by Joe, LLC
/Custom Web Design  Development/
Phone: (609) 335-3076
www.sitesbyjoe.com http://www.sitesbyjoe.com



Taco Fleur wrote:
  
 Thanks.

 How large did you size the font to? We've only anticipated 1 size up, 
 as its already a large font. You can't win in every situation ;-)

 -Original Message-
 From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] 
 On Behalf Of Joseph R. B. Taylor
 Sent: Wednesday, 16 May 2007 2:32 PM
 To: wsg@webstandardsgroup.org
 Subject: Re: [WSG] Site check Please - new thread

 Taco,

 Everything looks real good with one exception which should be an easy fix:

 The yellow bar.  As you increase the text size, the yellow bar does 
 not expand with it.  The content instead eventually hides as it passes 
 the bottom of the bar.  If the yellow bar and the drop shadow below it 
 are one image, I would simply separate them and make the drop shadow a 
 top-place background image below the yellow bar so the bar itself can 
 expand without breaking said shadow.

 That sounds confusing - heres a screenshot in WinXP/IE6.  Firefox 2 
 does the same thing FYI:

 http://sitesbyjoe.com/files/wsg/sell-my-stuff.gif

 *Joseph R. B. Taylor*
 Sites by Joe, LLC
 /Custom Web Design  Development/
 Phone: (609) 335-3076
 www.sitesbyjoe.com http://www.sitesbyjoe.com



 Taco Fleur wrote:
   
 For some reason my other emails ended up in someone else's thread, 
 even though I created a new message from scratch.

 Anyways; anyone interested in a site check?

 http://web-strategists.com:888

 Thanks in advance...

 Taco Fleur
 www.pacificfox.com.au website design





 ***
 List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
 Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
 Help: [EMAIL PROTECTED]
 ***



   
 


 ***
 List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
 Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
 Help: [EMAIL PROTECTED]
 ***







 ***
 List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
 Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
 Help: [EMAIL PROTECTED]
 ***



   


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***







***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***