[WSG] MSN goes valid

2005-03-14 Thread Rimantas Liubertas
Today I installed a new version of HTML validator Firefox extension
(http://users.skynet.be/mgueury/mozilla/)  and went to search.msn.com.
I got green checkmark both on the start page and on results page --
checking with validator.w3.org confirms - MSN search are now valid
pages.
microsoft.com itself is three errors from being valid. 
Gives some hope :)

Regards,
Rimantas
-- 
http://rimantas.com/
**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**



Re: [WSG] MSN goes valid

2005-03-14 Thread Jan Brasna
See http://stopdesign.com/log/2005/01/31/msn-goes-css.html
--
Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.janbrasna.com
**
The discussion list for  http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**


[WSG] Quoting Code Snippets - whitespace and wordwrap

2005-03-14 Thread Alan Trick
In response to the earlier conversation:
Is it possible to put a css attributes on an elemtent that will respect 
spaces, but still wordwrap?  I tried copying the textarea css in 
forms.css onto a test div and viewing it in firefox to se if that would 
do it, but firefox controls it's textarea look some other way.
Alan Trick
**
The discussion list for  http://webstandardsgroup.org/

See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**


[WSG] Float help

2005-03-14 Thread Keith Ellis
Hi all,
This is my virgin post to this group after reading many months worth of 
posts so hopefully somebody will give me the tweak I need here. 

#container
   #pageHeader
#headerLeft (where logo is bg-image)
#nav
#headerRight
   #pageContent
   #pageFooter 

http://techvisioneer.com/clients/wshein/demo/admin/test/NewDesign.htm 

I have a fairly simple header/content/footer layout except the height of the 
logo in the header is greater than the desired height of the header itself. 
My goal is to have the logo fixed in the upper left and the code in the 
#pageContent area to wrap around it. 

I set the height of #pageHeader as I'd like and floated #headerLeft to the 
left inside #pageHeader. This works perfect in FireFox but IE isn't 
recognizing the height of #pageHeader and it's bumping the content area 
underneath the logo instead of right beneath the set height of #pageHeader. 

All help is GREAT as this is something I have yet to figure out and need to 
ASAP! 

Keith 

**
The discussion list for  http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**


Re: [WSG] Float help

2005-03-14 Thread Donna Jones
Keith: I'm so new at this I'm surprised to be answering, but one thing 
that is wrong is that you don't have a proper doc type.  you have
!doctype html public -//w3c//dtd html 4.0 transitional//en 
you need to have it with the full uri.  like such 

!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN
 http://www.w3.org/TR/html4/loose.dtd;
html lang=en
head
meta http-equiv=Content-Type content=text/html; charset=utf-8
I kept the lang bit in the html and the character encoding bit too, in 
my cut-and-paste because you do need them.

fixing the doctype may help IE to see it correctly  at any rate, 
its a beginning.  I have had that be the problem for me 

getting in the habit of validating your html and css at
http://validator.w3.org/check?verbose=1uri=http%3A//techvisioneer.com/clients/wshein/demo/admin/test/NewDesign.htm 

is a necessity, too!  :-)
hope this gets you started.
best
Donna

Keith Ellis wrote:
Hi all,
This is my virgin post to this group after reading many months worth of 
posts so hopefully somebody will give me the tweak I need here.
#container
   #pageHeader
#headerLeft (where logo is bg-image)
#nav
#headerRight
   #pageContent
   #pageFooter
http://techvisioneer.com/clients/wshein/demo/admin/test/NewDesign.htm
I have a fairly simple header/content/footer layout except the height of 
the logo in the header is greater than the desired height of the header 
itself. My goal is to have the logo fixed in the upper left and the code 
in the #pageContent area to wrap around it.
I set the height of #pageHeader as I'd like and floated #headerLeft to 
the left inside #pageHeader. This works perfect in FireFox but IE isn't 
recognizing the height of #pageHeader and it's bumping the content area 
underneath the logo instead of right beneath the set height of #pageHeader.
All help is GREAT as this is something I have yet to figure out and need 
to ASAP!
Keith
**
The discussion list for  http://webstandardsgroup.org/

See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**

--
Donna Jones
West End Webs http://www.westendwebs.com/ 772-0266
**
The discussion list for  http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**


Re: [WSG] Float help

2005-03-14 Thread Gunlaug Sørtun
Keith Ellis wrote:
http://techvisioneer.com/clients/wshein/demo/admin/test/NewDesign.htm
 I have a fairly simple header/content/footer layout except the 
height of the logo in the header is greater than the desired height 
of the header itself. My goal is to have the logo fixed in the upper 
left and the code in the #pageContent area to wrap around it.
IE6 will expand the header, so everything can fit inside. Change the
header-construct to make it work like in Firefox
A couple of things needed:
1: give the page a standard doctype that'll even out
browser-differences. You are running them all in quirks mode at the
moment. I tested it with:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
...which came out just fine.
2: Move the div id=headerLeft/div _below_ the pageHeader end-tag
and _above_ the pageContent start-tag. Change the address since it's no
longer inside the pageHeader, and make the style look like this:
#headerLeft
{
float: left;
background-image: url(logo0015.gif);
background-position: top left;
background-repeat: no-repeat;
width: 130px;
height: 130px;
border: solid 0px #9B1A0A;
margin: -60px 3px 2px 1px; /* added */
}
...IE6 will play along just fine, and so will Opera, Safari and Firefox.
regards
Georg
--
http://www.gunlaug.no
**
The discussion list for  http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**


[WSG] Re: Float help

2005-03-14 Thread Keith Ellis
Georg,
I haven't tested this yet since I'm at the day job right now but why would I 
need the margin style? 

Keith 

[ISO-8859-1] Gunlaug Sørtun writes: 

Keith Ellis wrote:
http://techvisioneer.com/clients/wshein/demo/admin/test/NewDesign.htm
 I have a fairly simple header/content/footer layout except the height of 
the logo in the header is greater than the desired height of the header 
itself. My goal is to have the logo fixed in the upper left and the code 
in the #pageContent area to wrap around it.
IE6 will expand the header, so everything can fit inside. Change the
header-construct to make it work like in Firefox 

A couple of things needed:
1: give the page a standard doctype that'll even out
browser-differences. You are running them all in quirks mode at the
moment. I tested it with:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd;
...which came out just fine. 

2: Move the div id=headerLeft/div _below_ the pageHeader end-tag
and _above_ the pageContent start-tag. Change the address since it's no
longer inside the pageHeader, and make the style look like this: 

#headerLeft
{
	float: left;
	background-image: url(logo0015.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 130px;
	height: 130px;
	border: solid 0px #9B1A0A;
	margin: -60px 3px 2px 1px; /* added */
}
...IE6 will play along just fine, and so will Opera, Safari and Firefox. 

regards
	Georg
--
http://www.gunlaug.no
**
The discussion list for  http://webstandardsgroup.org/ 

See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
** 

**
The discussion list for  http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**


Re: [WSG] Re: Float help

2005-03-14 Thread Gunlaug Sørtun
Keith Ellis wrote:
Georg,
I haven't tested this yet since I'm at the day job right now but why 
would I need the margin style?
Yes, that's what makes the whole thing work-- once you've made the
changes to your html-code. Those margins are repositioning the div back
to where it is in your original.
Just test and see.
Georg
--
http://www.gunlaug.no
**
The discussion list for  http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**


Re: [WSG] SXSW session on accessible flash on fawnyblog

2005-03-14 Thread Jan Brasna
Nice, thanx. Can someone post more links from SXSWi?
I know about
http://www.happycog.com/clients/sxsw/ + 
http://photomatt.net/2005/03/12/zeldman-keynote/
http://scribbling.net/sxsw05/
http://www.andybudd.com/sxsw05/
http://blog.fawny.org/category/events/sxsw2005/

--
Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.janbrasna.com
**
The discussion list for  http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**


Re: [WSG] SXSW session on accessible flash on fawnyblog

2005-03-14 Thread Jan Brasna
Photos:
http://www.flickr.com/photos/jflint/
--
Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.janbrasna.com
**
The discussion list for  http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**


Re: [WSG] SXSW session on accessible flash on fawnyblog

2005-03-14 Thread Jan Brasna
http://joeclark.org/sxsw/
--
Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.janbrasna.com
**
The discussion list for  http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**


RE: [WSG] Redundant Code

2005-03-14 Thread Mary Ann
Hi, Sarah-
I printed out your test site because I thought it was so very clean and
attractive and I wanted to study your use of styles in creating it.
However, the page is wider than my printer's page size so some text is lost
along the left side.  For instance, Checkout in the navigation bar is cut
off as is Contact.
I see you have set the container width at 760px.  Does anyone know what 
is
the maximum number of pixels for page width in order to avoid truncating the
text along the left side of a print job?  Even Microsoft's support pages
suffer from this same problem . . . really maddening when trying to solve a
technical problem.
Thanks for your help.
Mary Ann

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
Behalf Of Sarah Peeke (XERT)
Sent: Sunday, March 13, 2005 7:35 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Redundant Code


Hi Siggy

Thanks for your reply.

 ul liSub Heading 1
   ul
 lia href=/Category 1/a/li
 lia href=/Category 2/a/li
 lia href=/Category 3/a/li
 lia href=/Category 4/a/li
 lia href=/Category 5/a/li
 lia href=/Category 6/a/li
/ul /li
  liSub Heading 2/li  liSub Heading 1/li
 /ul

The change to the heirarchy above is great, but it doesn't help the #header,
#mainnav
and #subnav lists because there isn't a heading for these. If you look at
the page with styles
disabled you'll see what I mean.

I have changed the list style as per your suggestion #2 - thanks, an obvious
improvement.

Sarah

 Test site http://www.bureke.com.au/test/index.html which is valid
 XHTML/CSS. The style
 sheet is here: http://www.bureke.com.au/test/styles/global.css
--
XERT Communications
email: [EMAIL PROTECTED]
office: +61 2 4782 3104
mobile: 0438 017 416

http://www.xert.com.au/   web development : digital imaging : dvd production
**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**

**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**



Re[2]: [WSG] Redundant Code

2005-03-14 Thread Chris Dawes




HelloMary,

use mozilla firefox : then use the "Fit to page" feature in print preview.

Dawesi

Tuesday,March15,2005,10:05:12AM,youwrote:


Hi,Sarah-
IprintedoutyourtestsitebecauseIthoughtitwassoverycleanand
attractiveandIwantedtostudyyouruseofstylesincreatingit.
However,thepageiswiderthanmyprinter'spagesizesosometextislost
alongtheleftside.Forinstance,Checkoutinthenavigationbariscut
offasisContact.
Iseeyouhavesetthecontainerwidthat760px.Doesanyoneknowwhatis
themaximumnumberofpixelsforpagewidthinordertoavoidtruncatingthe
textalongtheleftsideofaprintjob?EvenMicrosoft'ssupportpages
sufferfromthissameproblem...reallymaddeningwhentryingtosolvea
technicalproblem.
Thanksforyourhelp.
MaryAnn

-OriginalMessage-
From:[EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED]
BehalfOfSarahPeeke(XERT)
Sent:Sunday,March13,20057:35PM
To:wsg@webstandardsgroup.org
Subject:Re:[WSG]RedundantCode


HiSiggy

Thanksforyourreply.

ulliSubHeading1
ul
liahref=""Category1/a/li
liahref=""Category2/a/li
liahref=""Category3/a/li
liahref=""Category4/a/li
liahref=""Category5/a/li
liahref=""Category6/a/li
/ul/li
liSubHeading2/liliSubHeading1/li
/ul

Thechangetotheheirarchyaboveisgreat,butitdoesn'thelpthe#header,
#mainnav
and#subnavlistsbecausethereisn'taheadingforthese.Ifyoulookat
thepagewithstyles
disabledyou'llseewhatImean.

Ihavechangedtheliststyleasperyoursuggestion#2-thanks,anobvious
improvement.

Sarah

Testsitehttp://www.bureke.com.au/test/index.htmlwhichisvalid
XHTML/CSS.Thestyle
sheetishere:http://www.bureke.com.au/test/styles/global.css
--
XERTCommunications
email:[EMAIL PROTECTED]
office:+61247823104
mobile:0438017416

http://www.xert.com.au/webdevelopment:digitalimaging:dvdproduction
**
Thediscussionlistforhttp://webstandardsgroup.org/

Seehttp://webstandardsgroup.org/mail/guidelines.cfm
forsomehintsonpostingtothelistgettinghelp
**

**
Thediscussionlistforhttp://webstandardsgroup.org/

Seehttp://webstandardsgroup.org/mail/guidelines.cfm
forsomehintsonpostingtothelistgettinghelp
**




--
Bestregards,
Chrismailto:[EMAIL PROTECTED]



RE: [WSG] Redundant Code

2005-03-14 Thread Paul Novitski
At 03:05 PM 3/14/2005, Mary Ann wrote:
I see you have set the container width at 760px.  Does anyone 
know what is
the maximum number of pixels for page width in order to avoid truncating the
text along the left side of a print job?  Even Microsoft's support pages
suffer from this same problem . . . really maddening when trying to solve a
technical problem.

How wide is a piece of paper?  Well... twice half its width...  Or in CSS 
terms, 100%, not N pixels or N ems.  If you think about it, the width 
you've got to work with depends on the paper size being used (letter, A4, 
Executive, etc.), orientation (portrait or landscape), and margins, varying 
with the printer and the user's preferences.  In other words, you can't 
predict print width any more than you can predict browser width.  Best to 
design layouts that can roll with the terrain.  You can take the short-cut 
of guessing what most of your users might be using in the way of paper size 
and printer margins, but why design a page to break for everyone else?  Use 
a max-width strategy to keep the layout from attenuating on really wide 
paper and perhaps a min-width strategy to force spill-over to a second 
sheet to accommodate illustrations that can't be shrunk, and let everything 
that can flow, flow.

Regards,
Paul 

**
The discussion list for  http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**


Re: [WSG] Redundant Code

2005-03-14 Thread Sigurd Magnusson
Don't know the maximum number of pixels a page can have; it very likely 
depends on the user agent. I would have thought the most robust way is to 
have a fluid design; which led me to an idea--having a fluid design only in 
the print media type :P I wonder if anyone's done that??

Or you could print it out in landscape view, given that a piece of paper is 
normally portait whereas a screen often landscape.

FireFox has some rather nice print options, btw.
Siggy
- Original Message - 
From: Mary Ann [EMAIL PROTECTED]
To: wsg@webstandardsgroup.org
Sent: Tuesday, March 15, 2005 12:05 PM
Subject: RE: [WSG] Redundant Code


Hi, Sarah-
I printed out your test site because I thought it was so very clean and
attractive and I wanted to study your use of styles in creating it.
However, the page is wider than my printer's page size so some text is 
lost
along the left side.  For instance, Checkout in the navigation bar is cut
off as is Contact.
I see you have set the container width at 760px.  Does anyone know what is
the maximum number of pixels for page width in order to avoid truncating 
the
text along the left side of a print job?  Even Microsoft's support pages
suffer from this same problem . . . really maddening when trying to solve 
a
technical problem.
Thanks for your help.
Mary Ann

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
Behalf Of Sarah Peeke (XERT)
Sent: Sunday, March 13, 2005 7:35 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Redundant Code
Hi Siggy
Thanks for your reply.
ul liSub Heading 1
  ul
lia href=/Category 1/a/li
lia href=/Category 2/a/li
lia href=/Category 3/a/li
lia href=/Category 4/a/li
lia href=/Category 5/a/li
lia href=/Category 6/a/li
   /ul /li
 liSub Heading 2/li  liSub Heading 1/li
/ul
The change to the heirarchy above is great, but it doesn't help the 
#header,
#mainnav
and #subnav lists because there isn't a heading for these. If you look at
the page with styles
disabled you'll see what I mean.

I have changed the list style as per your suggestion #2 - thanks, an 
obvious
improvement.

Sarah
Test site http://www.bureke.com.au/test/index.html which is valid
XHTML/CSS. The style
sheet is here: http://www.bureke.com.au/test/styles/global.css
--
XERT Communications
email: [EMAIL PROTECTED]
office: +61 2 4782 3104
mobile: 0438 017 416
http://www.xert.com.au/   web development : digital imaging : dvd 
production
**
The discussion list for  http://webstandardsgroup.org/

See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**
**
The discussion list for  http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**

**
The discussion list for  http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**


RE: [WSG] Redundant Code

2005-03-14 Thread Jonathan Bloy
On Monday, March 14, 2005 5:44pm, Sigurd Magnusson wrote:

Don't know the maximum number of pixels a page can have; it very likely
depends on the user agent. I would have thought the most robust way is
to have a fluid design; which led me to an idea--having a fluid design
only in the print media type :P I wonder if anyone's done that??

I've had good luck with using 'width: auto' in the print style sheet for
content areas that get cut off at the side of the page.

  Jonathan

**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**



[WSG] ActiveMatter

2005-03-14 Thread absalom
I know this might be slightly off toic, but the CMS listserv on WSG won't allow
me to subscribe:

Sorry, the mailing list cms@webstandardsgroup.org does not allow 
subscriptions.

I'm currently part of a major project to roll out the ActiveMatter CMS. Now I'm
wondering if anyone has any confirmed sightings of this product conforming to
the following:
1) W3C HTML/XHTML and CSS
2) WCAG Level 1

Thanks

Lawrence Meckan
--
Lawrence Meckan
 
Absalom Media
Mob: (04) 1047 9633
ABN: 49 286 495 792
http://www.absalom.biz


**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**



RE: [WSG] Redundant Code

2005-03-14 Thread Sarah Peeke (XERT)
Hi Mary Ann

Seems as though everyone has pipped me to the post!

 I printed out your test site because I thought it was so very clean and
 attractive and I wanted to study your use of styles in creating it.

You (and others) may be interested in the following links which have helped me 
with this layout:

http://www.webcredible.co.uk/user-friendly-resources/css/css-round-corners.shtml

http://www.alistapart.com/articles/customcorners/

http://css.maxdesign.com.au/floatutorial/tutorial0501.htm

HTH
Sarah :)
-- 
XERT Communications
email: [EMAIL PROTECTED]
office: +61 2 4782 3104
mobile: 0438 017 416

http://www.xert.com.au/   web development : digital imaging : dvd production
**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**



[WSG] CMS List

2005-03-14 Thread Peter Firminger
You are using them old command method to subscribe and this has been
disabled. Log into the WSG site and change your email prefs to include the
CMS list.

P

 I know this might be slightly off toic, but the CMS listserv
 on WSG won't allow
 me to subscribe:

 Sorry, the mailing list cms@webstandardsgroup.org does not
 allow subscriptions.


**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**



RE: [WSG] Redundant Code

2005-03-14 Thread Mary Ann
Thank you, everyone-
Wow . . . you guys are great!
Mary Ann

-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
Behalf Of Sarah Peeke (XERT)
Sent: Monday, March 14, 2005 7:13 PM
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] Redundant Code


Hi Mary Ann

Seems as though everyone has pipped me to the post!

 I printed out your test site because I thought it was so very clean and
 attractive and I wanted to study your use of styles in creating it.

You (and others) may be interested in the following links which have helped
me with this layout:

http://www.webcredible.co.uk/user-friendly-resources/css/css-round-corners.
shtml

http://www.alistapart.com/articles/customcorners/

http://css.maxdesign.com.au/floatutorial/tutorial0501.htm

HTH
Sarah :)
--
XERT Communications
email: [EMAIL PROTECTED]
office: +61 2 4782 3104
mobile: 0438 017 416

http://www.xert.com.au/   web development : digital imaging : dvd production
**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**

**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**



Re: [WSG] Redundant Code

2005-03-14 Thread russ - maxdesign
 2. I have used a modification of one of Russ' tutorials for the #header and
 #subnav - to float the
 menu elements left and right. Is there a cleaner way to achieve this other
 than to apply a class to
 *every* li tag?

The most powerful way to achieve this (but not supported by IE) would be to
use adjacent sibling selectors so no classes were used at all. For example:

#subnav ul li, #subnav ul li + li { background: yellow; }
#subnav ul li + li + li, #subnav ul li + li + li + li { background: green; }


 3. Disabling styles in the browser provides three (3) separate lists
 comprising #header, #mainnav
 and #subnav *without* any explanation or visual hierarchy (obviously). Is
 there a better way of
 making it easier for someone without css (eg Netscape 4 users) or text readers
 etc to differentiate
 between these navigational elements?

Yes, there is definitely ways to help users understand your lists. You can
place hn elements before each list with descriptive headings, then hide
these headings from browsers that support css.

For example: 

h2 class=descriptive-only
Main Site sections
/h2
div id=mainnav
ul...
/ul
/div

h2 class=descriptive-only
Shopping tools
/h2
div id=subnav
ul...
/ul
/div

These could then be hidden with a CSS rule along the lines of:
.descriptive-only { position: absolute; left: -999px; width: 990px;}

Russ

**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**



Re: [WSG] Redundant Code

2005-03-14 Thread Sarah Peeke (XERT)
Hi Russ

Thanks very much for your reply.

 The most powerful way to achieve this (but not supported by IE) would be to
 use adjacent sibling selectors so no classes were used at all. For example:
 
 #subnav ul li, #subnav ul li + li { background: yellow; }
 #subnav ul li + li + li, #subnav ul li + li + li + li { background: green; }

Good ol' IE - oh well, we can only hope IE7 is an improvement!

 These could then be hidden with a CSS rule along the lines of:
 ..descriptive-only { position: absolute; left: -999px; width: 990px;}

Great idea.

I have subsequently used display: none; on the headers. Is this OK, or would 
you recommend your
suggestion as being more standards-based?

Sarah
-- 
XERT Communications
email: [EMAIL PROTECTED]
office: +61 2 4782 3104
mobile: 0438 017 416

http://www.xert.com.au/   web development : digital imaging : dvd production
**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**



Re: [WSG] Redundant Code

2005-03-14 Thread russ - maxdesign
 I have subsequently used display: none; on the headers. Is this OK, or would
 you recommend your
 suggestion as being more standards-based?

display: none has known issues for screen readers:
http://www.alistapart.com/articles/fir/

The absolute method, which I have since heard referred to as off-left is
more stable (under heading Late Breaking Breakthrough):
http://css-discuss.incutio.com/?page=ScreenreaderVisibility

Russ

**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**



[WSG] Asterisks in W3C spec

2005-03-14 Thread Sigurd Magnusson
I keep seeing asterisks in the W3C spec but cannot see a glossary anywhere. 
As an example, with the img element in xhtml 1.1, the attributes 'src' and 
'alt' are both marked with an asterisk. Why?

http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_imagemodule
(I realise img is marked to be deprecated in xhtml2, but I feel adoption for 
that will require new browsers to come out and gain market share, as the 
object tag has a huge set of problems)

Finally, is there a commentary somewhere about the use of longdesc vs alt vs 
title (e.g. on images, on images where they are the sole content of links, 
etc). There seems to be a bit of information here and there, and obviously I 
can use common sense, but was wondering if there was some high-calibre 
writing out there, spelling out the different browser support and an overall 
conclusion?

Siggy 

**
The discussion list for  http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list  getting help
**


Re: [WSG] Asterisks in W3C spec

2005-03-14 Thread russ - maxdesign
Here are some:

Joe Clark's serialised book (covers all three - title, alt and longdesc)
http://joeclark.org/book/sashay/serialization/Chapter06.html

Writing good ALT text (covers all three - title, alt and longdesc)
http://www.gawds.org/show.php?contentid=28

The alt and title attributes (covers alt and title but not longdesc, from
memory)
http://www.456bereastreet.com/archive/200412/the_alt_and_title_attributes/

Then there is always Laura's mega resource:
http://www.d.umn.edu/itss/support/Training/Online/webdesign/accessibility.ht
ml#alt

HTH
Russ


 Finally, is there a commentary somewhere about the use of longdesc vs alt vs
 title (e.g. on images, on images where they are the sole content of links,
 etc). There seems to be a bit of information here and there, and obviously I
 can use common sense, but was wondering if there was some high-calibre
 writing out there, spelling out the different browser support and an overall
 conclusion?

**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**



[WSG] SXSW session on accessible flash on fawnyblog

2005-03-14 Thread Rebecca Cox
http://blog.fawny.org/2005/03/13/sxsw2005-13d/

Transcript, commentary on first 30 mins or so of chat on accessible
flash.. 

Wish I could've gone to SXSW!
**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**