[WSG] 50px right margin

[Stuart Sherwood]

Can anyone tell me what is causing this 50px right margin on #showcase in
IE6?
http://webdev.latrobe.edu.au/40years/gallery2.htm


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

Re: [WSG] Target sued over non-accessible site

[Stuart Sherwood]

Jude Robinson wrote:
Only companies/institutions are required to comply with accessibility 
legislation (in the UK, and US as far as I'm aware). Accessibility 
legislation does not require individuals to comply with it, rightly so.


I thought individuals owned and worked in companies...
Companies might legally be entities, but then neither companies nor law 
exist outside the ideas and actions of individual men.


Please respond off list.

--
Regards,
*Stuart Sherwood*
RE-ENTITY DESIGN 
**
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] Target sued over non-accessible site

[Stuart Sherwood]

At which point does one's right to "do as one chooses" start stepping on
another one's right to access services?


I believe there is no "right to access services". Any such aberration of 
'rights' that necessarily violates the legitimate rights of others is 
destructive to our liberty. The question regarding any so called right 
is: "At whose expense?". If there is an answer, you have unmasked why it 
is illegitimate. True rights exist in and of themselves without cost to 
others.


Furthermore, the right "to do as one chooses" does not allow you to 
violate the rights of others! While I build and advocate accessible web 
sites to the best of my ability, the idea of issuing or advocating force 
against another at no expense to myself makes me fear the future.  I 
believe any such  laws should be rescindered.


Stuart Sherwood
**
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] Staring at the CSS with bloodshot eyes

[Stuart Sherwood]

You'll need to supply so links Veine. :)

Cheers,
Stuart
**
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] FF1.5 and font sizes

[Stuart Sherwood]

I created this problem for myself by altering the default font 
preferences under Tools > Options > Content. If you also changed these 
settings, this might be the cause. Returning in to Times New Roman, 16 
fixed it for me.


Regards,
Stuart
**
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] FF1.5 and Web Dev. T/B

[Stuart Sherwood]

Outline selected isn't working properly for me either.

Stephen Stagg wrote:

Is it just me or does the ‘Disable Images’ option on the Web 
Developers Toolbar not work with FF1.5?


Stephen


**
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] FF1.5 and Web Dev. T/B

[Stuart Sherwood]

You're right, it doesn't work.

Stephen Stagg wrote:

Is it just me or does the ‘Disable Images’ option on the Web 
Developers Toolbar not work with FF1.5?


Stephen


**
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] Extra menu for when images are turned off

[Stuart Sherwood]

I think I have come up with a more elegant solution now.

There is only one menu with each link formatted like this:

Home
The br pushes the text under the header so it isn't visable to regular
users but accessable when images are turned off.


**
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] Extra menu for when images are turned off

[Stuart Sherwood]

Thankyou for correcting my terminology.

Text-indent. That's just what I need! Thankyou Lachlan, its a much 
better solution.


Stuart

Lachlan Hunt wrote:


Stuart Sherwood wrote:

Sorry, I forgot to mention that the menu uses CSS Sprit rollovers so 
there are no images

in the markup, therefore no alt tags.



They're *attributes*, not tags, please learn the correct terminology.


Title tags are irrelevant for accessibility?



No, they're not irrelevant, but they need to be used appropriately and 
cannot be depended upon for giving information to the user.



 



Put the text inside the a element and use CSS to hide it.  There are 
still some accessibility problems with this method, but until more UAs 
support the 'content' property on any element, there's not much you 
can do about it.


try something like this:

a { background: ...; text-indent: -2000px; text-decoration: none; }

Look up image replacement techniques for more alternatives.


**
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] Extra menu for when images are turned off

[Stuart Sherwood]

Sorry, I forgot to mention that the menu uses CSS Sprit rollovers so there are 
no images
in the markup, therefore no alt tags.

Title tags are irrelevant for accessibility? From W3C: Audio user agents may speak the 
title information in a similar context. For example, setting the attribute on a link 
allows user agents (visual and non-visual) to tell users about the nature of the linked
resource. 
So where does that leave us?


Here is the mark up for my menus (or see the site www.cofieldwines.com.au)...

IMAGE MENU


 
 
 
 
 
 



HIDDEN MENU
Home | 
Wines | 
Cellar Circle | 
About Us | 
Contact Us | 
Links


Regards,
Stuart



Patrick H. Lauke wrote:


Stuart Sherwood wrote:

I have added a hidden menu to a site for those using text browsers or 
surfing with images turned off.


The regular menu is image based but uses titles for accessibility, 
but this doesn't show in Lynx.



You *ARE* giving those images suitable ALT attributes, I hope? TITLE 
is irrelevant for accessibility.



**
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] Extra menu for when images are turned off

[Stuart Sherwood]

I have added a hidden menu to a site for those using text browsers or 
surfing with images turned off.


The regular menu is image based but uses titles for accessibility, but 
this doesn't show in Lynx. I'd rather have a text based menu now but the 
client is happy and it is better than the drop down menu they wanted.


I'm just wondering if there may be any disadvantages, for SEO or 
otherwise, by doing this?


Also related to having images turned off and for SEO, I have a hidden 
h1.  As I'm already using sIFR, I can't do a secondary image replacement 
for the logo which is currently a bg image.


Ideally, I'd like to detect if images are turned off and reset the 
margin so the h1 appears onscreen. Does anyone know how to detect if 
images are turned off?


Regards,
Stuart


**
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] Firefox :hover font-weight: bold

[Stuart Sherwood]

That's great Gunlaug.
Is this a bug worth reporting or is it something that is already known? 
I have only seen variations of bugs with overflow set but none with the 
flickering.


Your thoughts?

Gunlaug Sørtun wrote:


Stuart Sherwood wrote:


www.re-entity.com/FF_Flicker_Bug.htm



Setting 'overflow: hidden;' on the outer wrapper - #thePage - makes the
flickering stop in Moz 1.7.12.

Makes sense in a way, in that all such flickering in older Moz/FF
usually stops when the page is "isolated"[1] from the browser-window.

Georg

[1]http://www.w3.org/TR/CSS21/visuren.html#q15


**
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] Firefox :hover font-weight: bold

[Stuart Sherwood]

Yes, removing that line with overflow:auto; removes the flicker, but it 
also breaks the design.


From the perspective of the current project, I'd rather loose the 
font-weight:bold. If I can keep both then the client will be happy.


Nick Cowie wrote:


It is overflow: auto; in
.clear .module_bg {width:213px; padding:0 15px; overflow:auto;}
that is causing the problem, remove it and no flicker  at least in FF1.0.6


--
Nick Cowie
http://nickcowie.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
**


.

 


**
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] Firefox :hover font-weight: bold

[Stuart Sherwood]

Ok, I have a test page up. It is using the basic structure of the site I 
am making.


I am using Firefox 1.0.7.

www.re-entity.com/FF_Flicker_Bug.htm

Regards,
Stuart


Stuart Sherwood wrote:

"its not to do with a bold font taking up more space and shifting 
other elements? "

"also are you certain you have closed all your a tag's?"

No, I wish it was this simple. I'm talking about elements that are 
located on the other side of the page flashing above the link with the 
hover.


I'll get a test page up soon.

Cheers,
Stuart
**
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] Firefox :hover font-weight: bold

[Stuart Sherwood]

"its not to do with a bold font taking up more space and shifting other 
elements? "

"also are you certain you have closed all your a tag's?"

No, I wish it was this simple. I'm talking about elements that are 
located on the other side of the page flashing above the link with the 
hover.


I'll get a test page up soon.

Cheers,
Stuart
**
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] Firefox :hover font-weight: bold

[Stuart Sherwood]

Does anyone have any experience with a bug in Firefox when using a:hover 
{font-weight:bold;}?


When the cursor moves over the link, other elements on the page shift or 
even flicker over other elements. Basically, the page is in chaos on :hover.


Fixes, suggestions, guesses appreciated!

Regards,
Stuart
**
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] Set min-width using DOM

[Stuart Sherwood]

I first discovered these expressions quite some time ago. Sorry if I'm 
stealing anyone's thunder.

http://www.svendtofte.com/code/max_width_in_ie/

Regards,
Stuart
**
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] Browser Stats

[Stuart Sherwood]

Here are some other browser stat resources for what they are worth...

http://www.upsdell.com/BrowserNews/stat.htm
http://www.webreference.com/stats/browser.html
http://www.echoecho.com/
http://www.thecounter.com/stats/

Stuart Sherwood
www.re-entity.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] IE BG Image Bug

[Stuart Sherwood]

One of my sites is triggering a bug in IE where a background image loads 
and displays perfectly but dissapears after it has scrolled of the page. 
If you scroll all the way to the bottom and then return to the top of 
the page, the bg image is no longer there.


Any idea what this bug is?

Regards,
Stuart
**
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] Page templates submitted for review

[Stuart Sherwood]

From a general readability point of view, the justified text spoils 
your layouts. This page is a good example:

http://www.fastwrite.com/dvlonly/web/paradeigma/Veritas/Veritas.html

Regards,
Stuart
**
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] Java (JSP) v .net for standard and accessibility

[Stuart Sherwood]

I have been lucky enough to work with a very experienced java programmer 
on the last few sites I have designed. I do all the front end, he does 
the database, application, CMS, security and e-commerce development.


The experience has been very pleasurable because of the degree of 
separation we have achieved between the front and back ends that allows 
me to make the sites fully standards compatible. Any dymanic content 
spits out pure content with the bare minimum of markup necessary.


I'm wondering how .net compares as I haven't had the chance yet to build 
a site with it?


Regards,
Stuart Sherwood
www.re-entity.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] Clearleft.com

[Stuart Sherwood]

You're doing well Andy. You made it onto Screenspire...
http://screenspire.com/go-image/www.clearleft.com/

Congrats!
**
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] Clearleft.com

[Stuart Sherwood]

Hi Andy,
You might want to edit your listing on W3C Sites. You have called yourself:

  1. *Clearkleft Ltd * by Andy Budd
 

That has a certain ring to it though!  ;)

Stuart
**
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] Show Hide by Class

[Stuart Sherwood]

I'm using this at the top of my js file to initially hide the topics:
if (document.getElementById) { // Content available if javascript disabled
  document.write('href="hide.css" />');

}

I'm not sure if screen readers will read the related css. Anyone know?

Someone else also suggested I add an id to the topic list and gave me 
this code:

function toggle(x) {// Show Hide Content
targetDiv = document.getElementById('topicListCategory-' + x);
targetDiv.style.display = (targetDiv.style.display == 'block') ? 'none' 
: 'block';

}

The server just has to output ids with a number on the end. I didn't 
know js could do this. Very neat.


Stuart
**
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] Show Hide by Class

[Stuart Sherwood]

Hi All. I hope someone can help me with my problem but it isn't exactly 
on topic so replies off list are encouraged.


The markup below is far from semantic but necessary for floating 
elements and alignment. It will come out of a publishing system and may 
repeat any number of times. For each category, the list of topics must 
be hidden until clicked.



 


   
   


 


   
   


 


   
   


I have this code from the following thread: 
http://www.webmasterworld.com/forum91/1729.htm




But there are problems with above javascript that I don't understand
1. The loop counter, i, should be a local var (a little more efficient).

2. Some versions of IE5 accept getElementsByTagName but return null when 
given the '*' argument. A quick check - and switch to the all collection 
if needed would make it disaster proof.



Suggestions
Is it possible to pick out all elements with class="activate" and then 
make the function apply to the instance of class="topiclist" that 
immediatly follows it?

**
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] Secure Credit Card Field

[Stuart Sherwood]

autocomplete="off"

I have recently used this invalid attribute on a credit card field for 
security in IE.


IE will try to complete the field and show
a small drop down box under text fields containing all entries
which have been entered previously.  This "autocomplete"
feature means that credit card numbers are visible to other
users.  It even shows in SSL mode.  If turned off, the page
is no longer secure.  Any suggestions for a valid alternative?

Regards,
Stuart Sherwood
**
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]

[Stuart Sherwood]

Hello.

I'm wondering about the use of the label tag in certain cases where the 
label relates to multiple fields.


EG:
Time:

01
02
03
...



01
02
03
...



01
02
03
...


Is there a recommended practice here? Should each select box have its 
own label?
Or consider another example where you want to provide 3 text input 
fields for people with long street addresses.


Also, should the label be descriptive. Can you have a label for="100_x"

Regards,
Stuart Sherwood
**
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] Accessibility, the possibilities

[Stuart Sherwood]

Thanks John,
It took a while but the answer I was looking for came along. Thank you! 
Your web site is very helpful.


I'm wondering how accurate or relevant some of the checks are on 
something like http://webxact.watchfire.com/
I tested my site and there seems to be many warnings that I can ignore. 
Try checking my site if you like. www.re-entity.com
I'm interested if you agree that some warnings can be ignored. I gather 
this is what you are talking about when you mention "manual" checks.


I know there are some things that should be changed on my site. I'm 
currently working on a re-design!


Are any of the validation tools: Bobby, Cynthiasays, Watchfire...more 
respected then the others?


Regards,
Stuart.


 


**
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] Accessibility, the possibilities

[Stuart Sherwood]

Hi All,
First, I'd just like to check I understand something correctly.
Validation for WAI AAA = WCAG 1.0 Priority 3. Is this correct?

Ok, we can validate for:

   * W3C HTML/XHTML
   * CSS
   * WAI
   * Section 508

And I've recently learnt about accessibility checks for:

   * Colour blindness
   * Contrast
   * Flicker/strobe

If you pass all these test, does this exhaust all accessibility issues 
or are there more?


Regards,
Stuart
**
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] CSS rollover with dynamic drop down menu

[Stuart Sherwood]

I'm trying to combine a CSS image rollover with a drop down menu. 
Everything is working fine bar the css image rollover.


For some reason the a:hover is not being read. I've probably missed 
something very simple but just can't see it.


http://www.re-entity.com/Menu/index.htm
http://www.re-entity.com/Menu/style.css

Any help would be much appreciated.

Regards,
Stuart
**
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] Proper IE Hacks

[Stuart Sherwood]

Hi All,
The tips and advice here is really fantastic. Highly appreciated.
I have a problem with a submenu that works by altering the z-index. I 
have used the following hack which I'm not entirely happy with. Can 
someone suggest something better?


#submenu a:hover {
   z-index: 20;
   z-index: expression(body.z-index 20); /* invalid css: IE fix */
}

Regards,
Stuart Sherwood
**
The discussion list for  http://webstandardsgroup.org/

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