date:20060713


On 7/12/06, Katrina [EMAIL PROTECTED] wrote:

Gday all,

Anyone seen or used this before? Has it proven helpful?
Total Validator: http://www.totalvalidator.com/


Hi Kat,
I tested this last year and found that it missed some errors that the
W3C validator catches. The reverse may also be true; I didn't test it
extensively. That's not to say Total Validator can't be helpful, but
it seems that it uses different validation methods than the W3C
validator which is the gold standard, IMO.

--
Philip
http://NikitaTheSpider.com/
Whole-site HTML validation, link checking and more


**
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] Alphabetical Listing Buttons - What are you thiinking???

2006-07-13 Thread michael.brockington

I'm afraid the link below proves quite the opposite:  in IE6  there is
always a gap at the right hand side, even when the row has wrapped
around, which it does at random widths. Clearly a rounding error is
causing problems, which is exactly what most of us expected. 

Incidentally, I have yet to hear anyone state a reason why this
construct would be inaccessible to anyone - the simplicity of a
single-row table ensures that it can correctly be linearised by any
screen reader worth its salt, so (leaving semantics to once side for a
moment) what is the harm in terms of practicalities?

Mike

 -Original Message-
 From: listdad@webstandardsgroup.org 
 [mailto:[EMAIL PROTECTED] On Behalf Of Joe


 Gaspar already showed us that it is completely possible (and 
 easy) to do!  
 
 http://artideias.com/lab/css/listAlfa.html
 
 Jough


**
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] IE Hates me and my CSS please help!


On 7/13/06, Buddy Quaid [EMAIL PROTECTED] wrote:

Here is the page in question:
http://tangerinefiles.com/treatyoak/personal.html

Okay, so this might be hard to explain but here goes...

On this page I am using suckerfish dropdowns for the navigation. On this


I must be behind the times; I've never heard of suckerfish dropdowns. =)

[snip]


Now the funny part is if I swap the .over and .on rules so that on
comes before over it will highlight properly and it would be perfect.


This is a shot in the dark since I don't have ready access to IE, but
I can suggest two changes that may help. First, put a space between
your selector and the left curly bracket. IE shouldn't have trouble
with that, but there's no need to challenge its parser, and it makes
the CSS easier to read. Second, try lumping all of your rules into
one, like so:

#mortgage.over, #mortgage.on, #mortgage:hover {
background-image: url(images/index_r2_c8_f2.gif);
}

BTW, are you aware that the page doesn't validate? That's always a
good place to start when trying to roust out misbehaviors.

HTH

--
Philip
http://NikitaTheSpider.com/
Whole-site HTML validation, link checking and more


**
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] IE Hates me and my CSS please help!

2006-07-13 Thread Michael Persson


Well Tom

images/index_r2_c8_f2.gif is the same in all spec

nothing will happen because you have the same image of course..

Michael



Tom Livingston wrote:



On 7/13/06 2:32 AM, Buddy Quaid [EMAIL PROTECTED] wrote:

 


#mortgage.over{
background-image: url(images/index_r2_c8_f2.gif);
}

#mortgage.on{
background-image: url(images/index_r2_c8_f2.gif);
}
#mortgage:hover{
background-image: url(images/index_r2_c8_f2.gif);
}
   



Is it me, or are all these states using the same bg image?

 



--
Michael Persson
[EMAIL PROTECTED] mailto:[EMAIL PROTECTED]

Miaouli 19, 10554 Athens, Greece
Tel: +30/210/3227400
Fax : +30/210/3227410
www.mozaik.com http://www.mozaik.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] IE Hates me and my CSS please help!


Buddy Quaid wrote:

Here is the page in question:
http://tangerinefiles.com/treatyoak/personal.html


for those that are confused, take a look at the page - the on state is 
the same as the hover states .


and the over class is applied by the mouseover event in the javascript 
to allow IE to use :hover effects on the LI


why it doesn't work? no idea, but there are some javascript errors 
that may be throwing the on-mouseover off track...



**
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] IE Hates me and my CSS please help!


Tony Crockford wrote:

Buddy Quaid wrote:

Here is the page in question:
http://tangerinefiles.com/treatyoak/personal.html


for those that are confused, take a look at the page - the on state is 
the same as the hover states .


and the over class is applied by the mouseover event in the javascript 
to allow IE to use :hover effects on the LI


why it doesn't work? no idea, but there are some javascript errors that 
may be throwing the on-mouseover off track...


Ah, just thought of a possible problem.

the on-mouseover is just adding a class to the list item - that list 
item already has a background image and IIRC IE won't just replace 
background images.


try adding a border or a color to the list item and change that in 
your over class as well as the Bg image - that way IE sees something 
it has to re-render for.


(but fix up the javascript errors too)

One useful tip is to isolate the elements you're struggling with to 
the smallest amount of code that will actually let them work, that way 
you can see if its the code you're using or the page they are in 
that's causing the problem.


I suspect in this instance there's not enough CSS to get IE to swap 
background images when it goes from:


li id=mortgage class=on

to

li id=mortgage class=on over

and back again.



**
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] IE Hates me and my CSS please help!

2006-07-13 Thread Daniel Champion

Tony Crockford wrote:

 Buddy Quaid wrote:
 Here is the page in question:
 http://tangerinefiles.com/treatyoak/personal.html

 why it doesn't work? no idea

I've no idea either, but moving the rule:

#mortgage.on

above the rule:

#mortgage

makes it work in IE for me. It shouldn't make any difference (should it?), 
but it's IE.

Dan




This email and any attachments have been scanned for viruses prior to leaving 
Clackmannanshire Council.

Clackmannanshire Council will not be liable for any losses as a result of 
viruses being passed on.

www.clacksweb.org.uk
**
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] IE Hates me and my CSS please help!


Daniel Champion wrote:


I've no idea either, but moving the rule:

#mortgage.on

above the rule:

#mortgage

makes it work in IE for me. It shouldn't make any difference (should it?), 
but it's IE.


I think it's the fact that all that changes is a background image...

I wish i could find the link, I'm sure IE won't just do background 
image swaps unless something else changes too...


/me goes off to google for the page that explains 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
**

Re: [WSG] IE Hates me and my CSS please help!


Tony Crockford wrote:

I wish i could find the link, I'm sure IE won't just do background image 
swaps unless something else changes too...


/me goes off to google for the page that explains it...


a mention of it here (referring to a different technique):

http://www.tjkdesign.com/articles/scalable.asp
TJKTabs Menu | CSS sclalable Tabs

There is another IE issue, and this time it concerns IE6 too:
- If there is no rule declared for li a:hover, IE will swap background 
images only once, then the image sticks. If you're browsing these 
examples with IE5/Win and didn't notice such behavior, it is only 
because the IE Conditional Comment in the pages already includes a 
declaration for the li a:hover rule. To take care of IE6, we need to 
swap color or background-color, i,e.:


li a:hover {color:yellow} /* MSIE fix */


QED...

;o)


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





I've been using the very nice validation toolTV Validation, that 
wasmentioned here. Actually the FF extension 
tool.
I've used the options to test for among others things, the W3C WAI Priority 
1, 2, 3 (AAA).
It shows 5 warnings all related tothe js on my page: I want to fix them 
to meet the standards. But I can't figure out how. Any suggestions would be 
greatly appreciated. Thanks
1. W800 [WAI 6.3 
(A), US-508-l] Consider providing a noscript alternative after each 
script 
tag: 
script type="text/_javascript_" 
src="" 
30 
/script2. W800 [WAI 6.3 (A), US-508-l] Consider providing a noscript alternative after each script tag:
   script type='text/_javascript_' src=''
 171   /script3. W800 [WAI 6.3 (A), US-508-l] Consider providing a noscript alternative after each script tag:
 script type="text/_javascript_"
 312 /script
 314 script type="text/_javascript_" src=""
 314 /script
 314 noscript
 314   div class="statcounter"
 314 img class="statcounter"
 src="" alt="counter statistics" /
 314   /div
 314 /noscript4. W800 [WAI 6.3 (A), US-508-l] Consider providing a noscript alternative after each script tag:
 script src="" type="text/_javascript_"
 317 /script5. W800 [WAI 6.3 (A), US-508-l] Consider providing a noscript alternative after each script tag:
 script type="text/_javascript_"
 321 /script

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




With some advice from a friend I added this to all 
my js (noscriptdivimg src="" width="1" 
height="1" alt="spacer" //div/noscript)

Is this acceptable to use a transparent 
image?

Thanks

  - Original Message - 
  From: 
  [EMAIL PROTECTED] 
  To: wsg@webstandardsgroup.org 
  Sent: Thursday, July 13, 2006 10:29 
  AM
  Subject: [WSG] 
  
  
  I've been using the very nice validation 
  toolTV Validation, that wasmentioned here. Actually the 
  FF 
  extension tool.
  I've used the options to test for among others things, the W3C WAI Priority 
  1, 2, 3 (AAA).
  It shows 5 warnings all related tothe js on my page: I want to fix 
  them to meet the standards. But I can't figure out how. Any suggestions would 
  be greatly appreciated. Thanks
  1. W800 [WAI 
  6.3 (A), US-508-l] Consider providing a noscript alternative after 
  each script 
  tag: 
  script type="text/_javascript_" 
  src="" 
  30 
  /script2. W800 [WAI 6.3 (A), US-508-l] Consider providing a noscript alternative after each script tag:
   script type='text/_javascript_' src=''
 171   /script3. W800 [WAI 6.3 (A), US-508-l] Consider providing a noscript alternative after each script tag:
 script type="text/_javascript_"
 312 /script
 314 script type="text/_javascript_" src=""
 314 /script
 314 noscript
 314   div class="statcounter"
 314 img class="statcounter"
 src="" alt="counter statistics" /
 314   /div
 314 /noscript4. W800 [WAI 6.3 (A), US-508-l] Consider providing a noscript alternative after each script tag:
 script src="" type="text/_javascript_"
 317 /script5. W800 [WAI 6.3 (A), US-508-l] Consider providing a noscript alternative after each script tag:
 script type="text/_javascript_"
 321 /script**The 
  discussion list for http://webstandardsgroup.org/See 
  http://webstandardsgroup.org/mail/guidelines.cfmfor some hints on posting 
  to the list  getting 
  help** 
  
  

  No virus found in this incoming message.Checked by AVG Free 
  Edition.Version: 7.0.394 / Virus Database: 268.9.10/386 - Release Date: 
  7/12/2006

**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] NOSCRIPT element

2006-07-13 Thread Jens Brueckmann


Hi Scharron,


With some advice from a friend I added this to all my js
(noscriptdivimg src=../images/spacer.gif width=1 height=1
alt=spacer //div/noscript)

Is this acceptable to use a transparent image?


No.

Please note that your NOSCRIPT element does in no way enhance the
accessibility of your page. Including this element the way you did is
absolutely pointless.
A proper use of the  NOSCRIPT element would be to offer content which
reflects the outcome of your javascript for visitors without enabled
scripting.

Cluttering your source with pointless NOSCRIPT elements just for the
sake of validation is a futile effort.
Moreover, your validator issues a warning, not an error. A close
inspection of the techniques for Guidelines 6.2/6.3 state:

| One way to accomplish this is with the NOSCRIPT element.
http://www.w3.org/TR/WCAG10-HTML-TECHS/#scripts-alt

It does NOT state you MUST use an NOSCRIPT element with each SCRIPT element.

Depending on the intended results of your scripts there are better
ways of making your site equally accessible to user agents without
scripting support. A very good introduction, Unobtrusive Javascript by
Chris Heilmann, can be found at
http://onlinetools.org/articles/unobtrusivejavascript/

Last not least the issue of the NOSCRIPT element was subject of a
recent discussion on the WebAIM mailing list.  I think the archived
discussion might be interesting to read:
http://www.webaim.org/discussion/mail_thread.php?thread=2891

Hope that helps,

cheers,

Jens

--
Jens Brueckmann
http://www.yalf.de


**
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] IE Hates me and my CSS please help!

2006-07-13 Thread Ross Bruniges

you can have the same image but if you do you need to change the background 
position - the one image will have three different states for your link 
states and you move the background position up or down to show the correct 
ones.


I can't remember the link to the article explaining it though.let me 
think


- Original Message - 
From: Tom Livingston [EMAIL PROTECTED]

To: wsg@webstandardsgroup.org
Sent: Thursday, July 13, 2006 3:09 PM
Subject: Re: [WSG] IE Hates me and my CSS please help!






On 7/13/06 9:32 AM, Michael Persson [EMAIL PROTECTED] wrote:


Well Tom

images/index_r2_c8_f2.gif is the same in all spec

nothing will happen because you have the same image of course..

Michael



Tom Livingston wrote:



On 7/13/06 2:32 AM, Buddy Quaid [EMAIL PROTECTED] wrote:




#mortgage.over{
background-image: url(images/index_r2_c8_f2.gif);
}

#mortgage.on{
background-image: url(images/index_r2_c8_f2.gif);
}
#mortgage:hover{
background-image: url(images/index_r2_c8_f2.gif);
}




Is it me, or are all these states using the same bg image?


First, this isn't my issue, it's Buddy's.

Second, that's my point. How can you expect a state change if the image is
the same for all states?!

Am I missing something here?

--
Tom Livingston | Senior Multimedia Artist | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.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
**







___ 
Try the all-new Yahoo! Mail. The New Version is radically easier to use  The Wall Street Journal 
http://uk.docs.yahoo.com/nowyoucan.html



**
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] PHP Font Sizer Live Test

2006-07-13 Thread Mike at Green-Beast.com

Hey gang,

I just finished up a new experiment and I have a couple of concerns I'm 
hoping can be answered here:

1) I want to make sure it looks okay on various browsers. I've tested it on 
IE 6 and 7, Firefox 1.0.7, Opera 9 (visual and voice), Netscape 7.2, Flock 
0.5pre, and Lynx, with styles and without. It looks fine from what I can 
tell, though on IE 6 the boxes get a little out of whack if the browser text 
is enlarged (go figure). I haven't tested on Mac at all or anything else 
(like IE 5.x for Windows)

2) I want to make sure the script isn't vulnerable to XSS (Cross-Site 
Scripting). It should be okay, but the security method I used is something 
completely new I came up with. Normally I look for a specific local file, 
but in this case I created a unique security code which I split into two 
variables then piece them back together the opposite way. I *think* it'll 
work. If it doesn't work, and you want to reply with a link demonstrating 
viable XSS, by all means please do, but be nice and don't send a payload (to 
the list or otherwise) other than a JavaScript alert box telling me I goofed 
or something friendly like that.

Here is the experiment's write-up:
http://mikecherim.com/gbcms_xml/news_page.php?id=8
Here is the actual experiment page:
http://mikecherim.com/experiments/php_font_sizer.php


Thank you very much.

Sincerely,
Mike Cherim
http://green-beast.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] NOSCRIPT element

I forgot to say Thank you for your response! I did go attempt to read the 
http://www.webaim.org/discussion/mail_thread.php?thread=2891, it served only 
to confuse me further.


Maybe I should give up the pursuit.

Sharron

- Original Message - 
From: Jens Brueckmann [EMAIL PROTECTED]

To: wsg@webstandardsgroup.org
Sent: Thursday, July 13, 2006 12:58 PM
Subject: Re: [WSG] NOSCRIPT element



Hi Scharron,


With some advice from a friend I added this to all my js
(noscriptdivimg src=../images/spacer.gif width=1 height=1
alt=spacer //div/noscript)

Is this acceptable to use a transparent image?


No.

Please note that your NOSCRIPT element does in no way enhance the
accessibility of your page. Including this element the way you did is
absolutely pointless.
A proper use of the  NOSCRIPT element would be to offer content which
reflects the outcome of your javascript for visitors without enabled
scripting.

Cluttering your source with pointless NOSCRIPT elements just for the
sake of validation is a futile effort.
Moreover, your validator issues a warning, not an error. A close
inspection of the techniques for Guidelines 6.2/6.3 state:

| One way to accomplish this is with the NOSCRIPT element.
http://www.w3.org/TR/WCAG10-HTML-TECHS/#scripts-alt

It does NOT state you MUST use an NOSCRIPT element with each SCRIPT 
element.


Depending on the intended results of your scripts there are better
ways of making your site equally accessible to user agents without
scripting support. A very good introduction, Unobtrusive Javascript by
Chris Heilmann, can be found at
http://onlinetools.org/articles/unobtrusivejavascript/

Last not least the issue of the NOSCRIPT element was subject of a
recent discussion on the WebAIM mailing list.  I think the archived
discussion might be interesting to read:
http://www.webaim.org/discussion/mail_thread.php?thread=2891

Hope that helps,

cheers,

Jens

--
Jens Brueckmann
http://www.yalf.de


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

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



--
No virus found in this incoming message.
Checked by AVG Free Edition.
Version: 7.0.394 / Virus Database: 268.9.10/386 - Release Date: 7/12/2006






**
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] Meyer's CSS text popups not working in IE (PC)

2006-07-13 Thread Susie Gardner-Brown

Hi Georg

It does have a background! These are the styles for the text popup:

div#content  li a span {
display: none;
}

div#content li a:hover span {
display: block;
position: relative;
top:
-250px;
left: 10px;
width: 60%;
padding: 10px;margin: 10px;  z-index:
100;
background: #fff;
border: medium dotted #963;
font-weight:
normal;
color: #333;
}



(based on the Meyer one but with a few additions/changes. For example, his
used absolute positioning, but I wanted to use relative.)

Any other thoughts? Anyone? It's really annoying coz I know it must be
something I've done in my stylesheet, as his one works!

The link to the stylesheet is
http://crunchie.tedi.uq.edu.au/trials/UIMED/stylesheets/prof.css

- susie



On 13/7/06 5:10 PM, Gunlaug Sørtun [EMAIL PROTECTED] wrote:

 Susie Gardner-Brown wrote:
 My ones work fine on my Mac in Firefox, but in IE (PC) they don't.
 I'm assuming that something is conflicting from the rest of my
 stylesheet, but I can't work out what. If anyone had any clues, I'd
 be very happy grin
 
 http://crunchie.tedi.uq.edu.au/trials/UIMED/Professionalism/standards1.html
 
 Add a background to the link on :hover, and it will work in IE/win.
 This will do...
 
 div#content  li a:hover {background: #edb;}
 
 ...or use a background color that's closer to, but /not/ identical with
 the existing a:link/a:visited background color.
 
 The reason is that IE needs for something *to change* on that link-cell
 itself on :hover in order to repaint it and open up for the span.
 
 Georg



**
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] NOSCRIPT element


On 7/13/06, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote:

I forgot to say Thank you for your response! I did go attempt to read the
http://www.webaim.org/discussion/mail_thread.php?thread=2891, it served only
to confuse me further.


Sharron,
NOSCRIPT is intended as a sort of partner element to SCRIPT. It
provides content for user agents (browsers, screen readers, search
engines, etc.) that don't have Javascript enabled and thus won't see
whatever the SCRIPT block produces. If all the SCRIPT block produces
is a dancing bear or some other non-essential fluff, then it is OK to
skip the NOSCRIPT element. But if the SCRIPT block creates something
important/essential (like a navigation menu) then the NOSCRIPT block
serves an important purpose by providing that navigation menu for
script-less user agents. With this in mind, can you see how
transparent 1x1 images are not going to be of much help?

There's no simple answer as to what should go in a NOSCRIPT element,
or if you should even have one at all. You can get some hints pretty
quickly by turning Javascript off and trying to browse your site. If
you find that important parts of your site are missing, those are the
gaps that your NOSCRIPT elements need to fill.

HTH
--
Philip
http://NikitaTheSpider.com/
Whole-site HTML validation, link checking and more


**
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] PHP Font Sizer Live Test


On 7/13/06, Mike at Green-Beast.com [EMAIL PROTECTED] wrote:

Hey gang,

I just finished up a new experiment and I have a couple of concerns I'm
hoping can be answered here:

1) I want to make sure it looks okay on various browsers. I've tested it on
IE 6 and 7, Firefox 1.0.7, Opera 9 (visual and voice), Netscape 7.2, Flock
0.5pre, and Lynx, with styles and without. It looks fine from what I can
tell, though on IE 6 the boxes get a little out of whack if the browser text
is enlarged (go figure). I haven't tested on Mac at all or anything else
(like IE 5.x for Windows)


Works well in Safari 1.3.2, FF 1.5 and Camino 1.0 on Mac OS 10.3. It's
a nice-looking site in general.



2) I want to make sure the script isn't vulnerable to XSS (Cross-Site
Scripting).


I wish I was clever enough to cook up an exploit for this, but I'm not. ;)

--
Philip
http://NikitaTheSpider.com/
Whole-site HTML validation, link checking and more


**
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] Meyer's CSS text popups not working in IE (PC)

2006-07-13 Thread Rimantas Liubertas


...

div#content  li a span {
display: none;
}

...

And what are rules for div#content  li a ?



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] NOSCRIPT element

Yes that does make sense, as I did disable js via FF and saw no real 
difference in my pages. The Amber alert ticker at the top stopped, but the 
link still worked. That was all I saw.


So yes not having those tags won't hurt my site nor will they help screen 
readers and the like.


Thank you.


- Original Message - 
From: Nikita The Spider [EMAIL PROTECTED]

To: wsg@webstandardsgroup.org
Sent: Thursday, July 13, 2006 6:04 PM
Subject: Re: [WSG] NOSCRIPT element



On 7/13/06, [EMAIL PROTECTED] [EMAIL PROTECTED] wrote:

I forgot to say Thank you for your response! I did go attempt to read the
http://www.webaim.org/discussion/mail_thread.php?thread=2891, it served 
only

to confuse me further.


Sharron,
NOSCRIPT is intended as a sort of partner element to SCRIPT. It
provides content for user agents (browsers, screen readers, search
engines, etc.) that don't have Javascript enabled and thus won't see
whatever the SCRIPT block produces. If all the SCRIPT block produces
is a dancing bear or some other non-essential fluff, then it is OK to
skip the NOSCRIPT element. But if the SCRIPT block creates something
important/essential (like a navigation menu) then the NOSCRIPT block
serves an important purpose by providing that navigation menu for
script-less user agents. With this in mind, can you see how
transparent 1x1 images are not going to be of much help?

There's no simple answer as to what should go in a NOSCRIPT element,
or if you should even have one at all. You can get some hints pretty
quickly by turning Javascript off and trying to browse your site. If
you find that important parts of your site are missing, those are the
gaps that your NOSCRIPT elements need to fill.

HTH
--
Philip
http://NikitaTheSpider.com/
Whole-site HTML validation, link checking and more


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

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



--
No virus found in this incoming message.
Checked by AVG Free Edition.
Version: 7.0.394 / Virus Database: 268.9.10/386 - Release Date: 7/12/2006






**
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] Meyer's CSS text popups not working in IE (PC)

Susie, forgive my input, but since I use Eric's pop ups on my site I took a 
look at your code. Your code is quite a bit leaner then mine. For where you 
have only two area's in your css, I have like 4 or five. I don't ever 
remember having any issues related to my pop ups working in any browsers I 
tested in- IE, FF, Opera, Netscape and Mozilla. You code is also in a li. 
I could not make heads nor tails of it, not that is any surprise. Good luck


I will interested to see what the solution will be.


Sharron


- Original Message - 
From: Susie Gardner-Brown [EMAIL PROTECTED]

To: wsg@webstandardsgroup.org
Sent: Thursday, July 13, 2006 5:55 PM
Subject: Re: [WSG] Meyer's CSS text popups not working in IE (PC)


Hi Georg

It does have a background! These are the styles for the text popup:

div#content  li a span {
display: none;
}

div#content li a:hover span {
display: block;
position: relative;
top:
-250px;
left: 10px;
width: 60%;
padding: 10px;margin: 10px;  z-index:
100;
background: #fff;
border: medium dotted #963;
font-weight:
normal;
color: #333;
}



(based on the Meyer one but with a few additions/changes. For example, his
used absolute positioning, but I wanted to use relative.)

Any other thoughts? Anyone? It's really annoying coz I know it must be
something I've done in my stylesheet, as his one works!

The link to the stylesheet is
http://crunchie.tedi.uq.edu.au/trials/UIMED/stylesheets/prof.css

- susie



On 13/7/06 5:10 PM, Gunlaug Sørtun [EMAIL PROTECTED] wrote:


Susie Gardner-Brown wrote:

My ones work fine on my Mac in Firefox, but in IE (PC) they don't.
I'm assuming that something is conflicting from the rest of my
stylesheet, but I can't work out what. If anyone had any clues, I'd
be very happy grin



http://crunchie.tedi.uq.edu.au/trials/UIMED/Professionalism/standards1.html


Add a background to the link on :hover, and it will work in IE/win.
This will do...

div#content  li a:hover {background: #edb;}

...or use a background color that's closer to, but /not/ identical with
the existing a:link/a:visited background color.

The reason is that IE needs for something *to change* on that link-cell
itself on :hover in order to repaint it and open up for the span.

Georg




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

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



--
No virus found in this incoming message.
Checked by AVG Free Edition.
Version: 7.0.394 / Virus Database: 268.9.10/386 - Release Date: 7/12/2006




**
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] Meyer's CSS text popups not working in IE (PC)


here is my css for the bottom set of pop up navigation links on my site.

#blinks{height:0px;left:0px;position:absolute;top:299px;visibility:visible;width:180px}

#blinks a{display:block;margin:0 0 0px;padding:5px 10px;text-align:left}

#blinks a:hover{z-index:205}

#blinks a:hover span{background:rgb(0,0,0);border:rgb(128,128,128) 
1px;border-style:solid;color:rgb(128,128,128);display:block;left:209px;padding:10px 
5px 10px 5px;position:absolute;text-align:center;top:55px;width:300px}


On my index page I have two areas that use popups, on other pages I have 
three. Two on left and  one on the right sides.


- Original Message - 
From: Susie Gardner-Brown [EMAIL PROTECTED]

To: wsg@webstandardsgroup.org
Sent: Thursday, July 13, 2006 5:55 PM
Subject: Re: [WSG] Meyer's CSS text popups not working in IE (PC)


Hi Georg

It does have a background! These are the styles for the text popup:

div#content  li a span {
display: none;
}

div#content li a:hover span {
display: block;
position: relative;
top:
-250px;
left: 10px;
width: 60%;
padding: 10px;margin: 10px;  z-index:
100;
background: #fff;
border: medium dotted #963;
font-weight:
normal;
color: #333;
}



(based on the Meyer one but with a few additions/changes. For example, his
used absolute positioning, but I wanted to use relative.)

Any other thoughts? Anyone? It's really annoying coz I know it must be
something I've done in my stylesheet, as his one works!

The link to the stylesheet is
http://crunchie.tedi.uq.edu.au/trials/UIMED/stylesheets/prof.css

- susie



On 13/7/06 5:10 PM, Gunlaug Sørtun [EMAIL PROTECTED] wrote:


Susie Gardner-Brown wrote:

My ones work fine on my Mac in Firefox, but in IE (PC) they don't.
I'm assuming that something is conflicting from the rest of my
stylesheet, but I can't work out what. If anyone had any clues, I'd
be very happy grin



http://crunchie.tedi.uq.edu.au/trials/UIMED/Professionalism/standards1.html


Add a background to the link on :hover, and it will work in IE/win.
This will do...

div#content  li a:hover {background: #edb;}

...or use a background color that's closer to, but /not/ identical with
the existing a:link/a:visited background color.

The reason is that IE needs for something *to change* on that link-cell
itself on :hover in order to repaint it and open up for the span.

Georg




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

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



--
No virus found in this incoming message.
Checked by AVG Free Edition.
Version: 7.0.394 / Virus Database: 268.9.10/386 - Release Date: 7/12/2006




**
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] Meyer's CSS text popups not working in IE (PC)

2006-07-13 Thread Susie Gardner-Brown

Well, I don't have any specific ones. They should cascade down from the
overall 'a' styles, shouldn't they?

- a:link { font-weight: bold; color:#963; text-decoration: none; }

Should I set some up specially?

- susie


On 14/7/06 9:10 AM, Rimantas Liubertas [EMAIL PROTECTED] wrote:

 ...
 div#content  li a span {
 display: none;
 }
 ...
 
 And what are rules for div#content  li a ?
 
 
 
 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
 **
 



**
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] Meyer's CSS text popups not working in IE (PC)

2006-07-13 Thread Gunlaug Sørtun


Susie Gardner-Brown wrote:

It does have a background! [...]


No, it doesn't.
You have styled the span alright, but that doesn't affect the
LINK-element, the a, so IE/win isn't getting it.

This will get IE's attention...


div#content li a:hover {background: #edb;}


Remember, you're dealing with a weak and buggy browser, so just add the
style for a:hover and get it working in IE. *Then* you can start
fine-tuning the background-color to make it look good in that bugger.


(based on the Meyer one but with a few additions/changes. For
example, his used absolute positioning, but I wanted to use
relative.)


You have made a few more changes than 'positioning'. Eric's example
*does* create a change on the link-element on hover (intentionally or
not), so it is working in IE.

Any changes in background or border on the a will make IE repaint
the link-element and open for the span inside it to be displayed.
No such changes, like your stylesheet says now, means the span will
never be displayed in IE6 - regardless of how many styles/changes you
add to the span.

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

Re: [WSG] Thanks Georg, but Mike ... re Meyer's CSS AND ... :)

2006-07-13 Thread Susie Gardner-Brown

Title: Re: [WSG] Thanks Georg, but Mike ... re Meyer's CSS AND ... :)

Thank you Georg. That worked! I didnt realise ... Really, the more I do this, the more I discover I don't know! I'm at a loss to know how to hold all this info in my head grin Any clues on sites that have these sorts of things listed?!?!!

And Mike - ditto. I like that top-left (or off-left) solution for accessibility. But I do have to say this (funny).

This site is one unit of a postgraduate course for surgeons/doctors who are Skin Specialists. Lots of ghastly photos of melanomas in other units! So I'm hoping desperately that none of them will need to use a screen-reader big grin

Thanks again for your invaluable help!!

- susie

On 14/7/06 9:56 AM, Gunlaug Srtun [EMAIL PROTECTED] wrote:

Susie Gardner-Brown wrote:
It does have a background! [...]

No, it doesn't.
You have styled the span alright, but that doesn't affect the
LINK-element, the a, so IE/win isn't getting it.

This will get IE's attention...

div#content li a:hover {background: #edb;}

Remember, you're dealing with a weak and buggy browser, so just add the
style for a:hover and get it working in IE. *Then* you can start
fine-tuning the background-color to make it look good in that bugger.

(based on the Meyer one but with a few additions/changes. For
example, his used absolute positioning, but I wanted to use
relative.)

You have made a few more changes than 'positioning'. Eric's example
*does* create a change on the link-element on hover (intentionally or
not), so it is working in IE.

Any changes in background or border on the a will make IE repaint
the link-element and open for the span inside it to be displayed.
No such changes, like your stylesheet says now, means the span will
never be displayed in IE6 - regardless of how many styles/changes you
add to the span.

regards
Georg

**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] Thanks Georg, but Mike ... re Meyer's CSS AND ... :)

2006-07-13 Thread Gunlaug Sørtun


Susie Gardner-Brown wrote:

Thank you Georg. That worked! I didn¹t realise ... Really, the more I do
this, the more I discover I don't know! I'm at a loss to know how to hold
all this info in my head grin Any clues on sites that have these sorts of
things listed?!?!!


Bug-lists with good descriptions and reliable fixes are few and far 
between :-)


In case someone still can't get those popups to pop up in IE6, a 
couple of links...


http://www.quirksmode.org/css/ie6_purecsspopups.html
http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp

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] div in li

2006-07-13 Thread Tee G.Peng


Hi,
Is it legal to place a div in .li?

Something like this

.lix
div it does validate/div
/li


I am using XHTML 1.0 strict doctype and it doesn't show validate  
error, also, the WAI validation from content quality site doesn't  
give me warning or error, but I feel so uncertain about it.


If you must know why I place a div tag inside the li tag - it's from  
the PVII image gallery script for adding description. The div tag is  
generated by the gallery script.


Thanks!

tee


**
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] div in li

2006-07-13 Thread Al Sparber


From: Tee G.Peng [EMAIL PROTECTED]

Is it legal to place a div in .li?

Something like this

.lix
div it does validate/div
/li


I am using XHTML 1.0 strict doctype and it doesn't show validate 
error, also, the WAI validation from content quality site doesn't 
give me warning or error, but I feel so uncertain about it.


If you must know why I place a div tag inside the li tag - it's from 
the PVII image gallery script for adding description. The div tag is 
generated by the gallery script.


We're legal, Tee :-)

--
Al Sparber
PVII
http://www.projectseven.com

Designing with CSS is sometimes like barreling down a crumbling 
mountain road at 90 miles per hour secure in the knowledge that 
repairs are scheduled for next Tuesday.







**
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] div in li


On 7/13/06, Tee G.Peng [EMAIL PROTECTED] wrote:

Hi,
Is it legal to place a div in .li?

Something like this

.lix
div it does validate/div
/li


Tee,
There is no such thing as a .li element; I assume you mean li. If
that's the case, then yes, it is OK to put a div inside li.
Besides, if the W3C validator said it was OK, isn't that more
convincing than the comments of someone like me who you've never even
heard of?  =)

--
Philip
http://NikitaTheSpider.com/
Whole-site HTML validation, link checking and more


**
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] div in li

2006-07-13 Thread Tee G.Peng



On Jul 13, 2006, at 6:33 PM, Al Sparber wrote:




We're legal, Tee :-)



Ah, sorry, I should have trust in you :)

tee


**
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] div in li