Re: [WSG] Unaccessible - NY Attorney General busts two big name sites
On Sunday, Aug 22, 2004, at 09:48 Australia/Sydney, Michael Kear wrote: I was interested that the Australian Human Rights and Equal Opportunity Commission uses tables for layout in their web site at: http://www.hreoc.gov.au/disability_rights/index.html http://www.hreoc.gov.au/disability_rights/faq/f.a.q.html Cheers Mike Kear It's going to be interesting to see, over the coming months (years?), what happens with legislated accessibility here in Australia. I found out, in my limited experience in coding new content for Govt departments, how far away the majority of Govt sites are from being either accessible or Standards compliant. There was a specs document supplied with the brief, referring to W3C, WAI, etc, but the exisiting site I added to was a *long* way short of the specs... Seems like some pretty shoddy lip service being paid to the whole concept, really. It was obvious the original developers had coded for IE/Win, and not tested elsewhere... I pointed this out in the tech handover of my additions, but nothing's been done - and that was almost a year ago. Still, it's been gratifying to see posts to this list by people around the country who are working on Government sites, using standards for new versions. Keep it up, guys. Nick ___ Omnivision. Websight. http://www.omnivision.com.au/ ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Problems incorporating suckerfish dropdown
for once ie is doing as its told and positioning the dropdown in the
right possy but in firefox i can't for the life of me get the darn thing
Arrrggghhh! Surely you've seen the trend when IE is right, Firefox is
wrong. Just how many times has Firefox got it wrong on this list?!
Here's the CSS in question:
li {
...
padding: 4px;
}
li ul {
...
top: 1.75em;
left: -.35em;
padding: 4px;
}
li ul {
top: auto;
left:auto;
}
You've set 4px padding on LI, and 4px padding on LI UL. Because the
submenu UL is contained within the menu LI, they combine to an 8px
horizontal indent on the submenu LIs.
It looks like you've set LI UL to left:-.35em to pull the menu back
into position (affects all browsers.) This is an inexact method. In
most cases you should use the same unit for calculations (ie, 8px
indent = left:-8px)
BUT, below that you've got LI UL setting left:auto which is ignored
by IE, but not other browsers who set left:0, overriding the -.35em
above.
So, how easy is it to fix?
Put the horizontal padding in the LI A instead:
li {
...
padding:4px 0;
}
li a {
padding:4px;
}
li ul {
...
top: 1.75em;
left:0;
padding:4px 0;
}
li ul {
top: auto;
}
A perfect example of why many boffins here develop with Firefox then
tweak for IE. And a good example of simplifying the CSS when things go
pear shaped :)
--Ben
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
RE: [WSG] Meta tag question
If you specify an xml:lang attribute in the html tag, do you still have to use a meta tag to specify the content-language for the document? You are not required to add the content-language tag to your document. If your need to focus upon a specific language for categorization and optimization, you may use this. So, search engines may use the content-language to categorize your documents based upon language you may. I do not know of any tests performed recently to validate the use of the tag. If your document is American English I would recommend not using it. Don't foregut your HTML to Content ratios. Lee Roberts http://www.roserockdesign.com http://www.applepiecart.com -- Outgoing mail is certified Virus Free. Checked by AVG Anti-Virus (http://www.grisoft.com). Version: 7.0.262 / Virus Database: 264.6.4 - Release Date: 8/19/2004 ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Your Mozilla Vote Counts!
Mozilla fans, we need your help. The Mozilla version of the standards-compliant XHTML WYSIWYG editor XStandard is almost ready. Unfortunately, Mozilla's new scriptable plug-in API announced in June has a bug that needs fixing before XStandard can be released. The Mozilla Foundation prioritizes bugs using a voting system. So the makers of XStandard are asking for your vote to get this bug fixed so they can release XStandard for Mozilla. What's in it for you? You get XStandard Lite, a free standards-compliant XHTML WYSIWYG editor that runs in Mozilla. If you can help, please vote to fix bug 254280 at http://bugzilla.mozilla.org/show_bug.cgi?id=254280 Regards, -Vlad Alexander XStandard Develpment Team http://xstandard.com ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Your Mozilla Vote Counts!
On 22 aug 2004, at 17.23, Vlad Alexander ((XStandard)) wrote: Mozilla fans, we need your help. The Mozilla version of the standards-compliant XHTML WYSIWYG editor XStandard is almost ready. Will that make it work on the Mac as well? I suspect not, but I'm hoping :-) /Roger -- http://www.456bereastreet.com/ ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Can someone tell me... (long)
how I can override the link styles in this sheet; it seems like the
linkstyles that I have tried to only be valid for the leftcol is inherited
for the center and footer. Admittedly I have worked with this stylesheet
the last seven hours to perfect it, and I may be missing something *really*
easy, but... I just can't see it. I need the center and footer to have
'normal' links (whatever normal is eh?)
ANY help greatly appreciated :)
body {
background-color: #ff;
color: #00;
font-family: Arial, Verdana, Geneva, Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
font-size: 100%;
text-align: center;
behavior: url(csshover.htc);
}
#masterbox { /* Big overall box */
background-color: #ff;
color: #00;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
font-family: Arial, Verdana, Geneva, Arial, Helvetica,
sans-serif;
margin: 0px auto;
padding:0px;
text-align:left;
width: 760px;
}
img { display: block; float: left; }
.leftcol {
float: left;
font-size: 80%;
}
.leftcol ul,li,a {
display: block;
margin: 0;
padding: 0;
border: 0;
}
.leftcol ul {
width: 150px;
border: 1px solid #9d9da1;
background: white;
list-style: none;
}
.leftcol li {
position: relative;
padding: 1px;
padding-left: 26px;
background: url(../images/item_iamu.gif) no-repeat;
z-index: 9;
}
.leftcol li.folder { background:url(../images/item_iamu.gif) no-repeat;
}
.leftcol li.folder:hover { z-index:10; }
.leftcol li.folder ul {
position: absolute;
display: none;
left: 120px; /* IE */
top: 5px;
}
.leftcol li.folderul { left: 140px; }
..leftcol ul.level1 li.folder:hover ul.level2, ul.level2 li.folder:hover
ul.level3 {
display:
block;
}
.leftcol a {
padding: 2px;
border: 1px solid white;
text-decoration: none;
color: gray;
font-weight: bold;
width: 100%; /* IE */
}
.leftcol lia { width: auto; }
.leftcol li a.submenu {
background:url(../images/sub.gif) right no-repeat;
}
.leftcol a:hover {
border-color: gray;
background-color: #bbb7c7;
color: black;
}
.leftcol li.folder a:hover {
background-color: #bbb7c7;
}
.center {
width: 434px;
float: left;
height: 100%;
background-color: #ff;
border-right: 2px #00 solid;
border-left: 2px #00 solid;
text-align: left;
padding-left: 2px;
}
.center p {
font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
font-size: 94%;
line-height: 1em;
font-weight: normal;
padding-top: 0px;
padding-right: 5px;
padding-left: 7px;
}
.center h1, h2, h3, h4 {
font-family: Arial, Verdana, sans-serif;
font-weight: bold;
text-align: left;
padding-left: 6px;
}
.center img { float: right; }
.rightcol {
width: 154px;
float: right;
height: 100%;
background-color: #ff;
text-align: center;
}
.rightcol img { border: none; }
.lrightcol {
width: 148px;
font-size: 90%;
float: right;
height: 100%;
padding: 3px;
background-color: #ff;
text-align: left;
border: none;
}
.lrightcol img { border: none; }
.list {
font-size: 80%;
text-align: left;
margin-right: 0px;
padding-right: 0px;
padding-left: 0px;
width: 150px;
background-color: #cc;
}
.list img { float: left; }
.head {
position: absolute;
top: 0;
background: url(../images/index_01_update.gif);
width: 760px;
height: 172px;
}
.head p {
padding: 0px;
margin: 0px;
position: absolute;
top: 149px; left: 50px; font-size: 80%
}
.footer {
clear: both;
background: url(../images/index_05.gif);
width:
Re: [WSG] Can someone tell me... (long)
At a glance, I would suspect that this piece of code is causing all links to
follow {display:block;}.
.leftcol ul,li,a {
display: block;
margin: 0;
padding: 0;
border: 0;
}
If that is the problem you are experiencing, the solution is to change that
rule to:
.leftcol ul, .leftcol li, .leftcol a {
display: block;
margin: 0;
padding: 0;
border: 0;
}
Also, a basic and explicit rule for a ought to override other general
stylings.
Just at a glance but I hope it helps.
Regards,
Bryan Davis
www.trumpetboy.com - Affordable Web Design for Musicians
**
The discussion list for http://webstandardsgroup.org/
Proud presenters of Web Essentials 04 http://we04.com/
Web standards, accessibility, inspiration, knowledge
To be held in Sydney, September 30 and October 1, 2004
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] Can someone tell me... (long)
THANK YOU!!
Slaps self with noodle - 'BAD PRACTICE to bunch it, BAD BAD BAD.'
Thanks again Bryan, I don't know how many times I have piece by piece been
going over this sheet in detail WITHOUT seeing that..
' Puts DUNCE cap on with Gorilla glue '
Regards
~Veine
At 08:10 PM 8/22/2004 +0100, you wrote:
At a glance, I would suspect that this piece of code is causing all links
to follow {display:block;}.
.leftcol ul,li,a {
display: block;
margin: 0;
padding: 0;
border: 0;
}
If that is the problem you are experiencing, the solution is to change
that rule to:
.leftcol ul, .leftcol li, .leftcol a {
display: block;
margin: 0;
padding: 0;
border: 0;
}
Also, a basic and explicit rule for a ought to override other general
stylings.
Just at a glance but I hope it helps.
Regards,
Bryan Davis
www.trumpetboy.com - Affordable Web Design for Musicians
Veine K Vikberg
http://www.vikberg.net
Professional Web Guru
Re: [WSG] Can someone tell me... (long)
On Sun, 22 Aug 2004 15:25:40 -0400, Veine K Vikberg wrote: Thanks again Bryan, I don't know how many times I have piece by piece been going over this sheet in detail WITHOUT seeing that.. Firefox's Tools DOM Inspector is very handy for viewing exactly what rules are affecting a block. Drill down to the block of interest, then change the little square blob with the drop down arrow on the details pane (stupid that it doesnt have a name attached - how are we supposed to discuss it?) to say 'CSS Style Rules' Lea -- Lea de Groot Elysian Systems - http://elysiansystems.com/ Brisbane, Australia ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Problems incorporating suckerfish dropdown
<>Jackie wrote for once ie is doing as its told and positioning the dropdown in the right possy but in firefox i can't for the life of me get the darn thing Ben Bishop wrote: Arrrggghhh! Surely you've seen the trend when "IE is right, Firefox is wrong." Just how many times has Firefox got it wrong on this list?! Hi Ben... thanks for the fix... PLEASE don't think I thought IE was right! God forbid... I knew I had it wrong simply because IE was doing it "right" Will implement fix immediately!!! oh and by the way I always develop in firefox does that mean I'm a boffin too :) ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list & getting help **
Re: [WSG] Can someone tell me... (long)
At 07:17 AM 8/23/2004 +1000, you wrote: On Sun, 22 Aug 2004 15:25:40 -0400, Veine K Vikberg wrote: Thanks again Bryan, I don't know how many times I have piece by piece been going over this sheet in detail WITHOUT seeing that.. Firefox's Tools DOM Inspector is very handy for viewing exactly what rules are affecting a block. Drill down to the block of interest, then change the little square blob with the drop down arrow on the details pane (stupid that it doesnt have a name attached - how are we supposed to discuss it?) to say 'CSS Style Rules' Thanks Lea I will reinstall Firefox, I didn't like it much when I installed it last time, but went back to my Firebird which I found being much more friendly, but if it has such an advantage somewhere I will hunt it down. Thanks for the tip :) Regards ~Veine Lea -- Lea de Groot Elysian Systems - http://elysiansystems.com/ Brisbane, Australia Veine K Vikberg http://www.vikberg.net Professional Web Guru
Re: [WSG] Can someone tell me... (long)
On Sun, 22 Aug 2004 21:14:41 -0400, Veine K Vikberg wrote: I will reinstall Firefox, I didn't like it much when I installed it last time, but went back to my Firebird which I found being much more friendly, but if it has such an advantage somewhere I will hunt it down. Checked it isn't in Firebird? I've no idea when they introduced that one! Lea -- Lea de Groot Elysian Systems - http://elysiansystems.com/ Brisbane, Australia ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Can someone tell me... (long)
If I remember correctly, the DOM Inspector is an option when installing Firefox (not sure if it can be added post-install.) Related: http://www.clagnut.com/blog/340/ http://www.brownhen.com/DI.html --Ben ** The discussion list for http://webstandardsgroup.org/ Proud presenters of Web Essentials 04 http://we04.com/ Web standards, accessibility, inspiration, knowledge To be held in Sydney, September 30 and October 1, 2004 See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
