RE: [WSG] hiding legend tag
I think you'll find that you can successfully hide the legend off canvas
with
.hide {
position: absolute;
left: -999px;
width: 9px;
}
Regards,
- A
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Alexander Jerabek
Sent: Friday, 11 November 2005 11:48 a.m.
To: wsg@webstandardsgroup.org
Subject: [WSG] hiding legend tag
Hi everybody,
I'm working on an accessible form the has all fieldset, legend, label
elements properly included.
But I'd also like the form to be styled in a minimalist fashion with the
option of toggling the labels on and off.
I can hide the label elements using the 'off stage' technique
(position:absolute; left: -100em; width: 100em;), but the legend element
cannot be repositioned or easily manipulated, and I don't want to use
display:none; or visibility:hidden;.
So I came up with this:
legend{margin:-1em; font-size:0px;}
In Mozilla the 0px makes the text invisible, but only miniscule in IE so
I used margin:-1em; is to push it under the drop down menu in the form.
My question is: does anybody know if this will have adverse affects on
accessibility or if there are any other weird problems with using this
technique?
You can see the form here:
http://132.206.197.7/labels/
css is here:
http://132.206.197.7/labels/labelsoff.css
and here:
http://132.206.197.7/labels/labels.css
Thanks for any help or insight.
Best,
Sacha
**
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] hiding legend tag
Opps, cancel that last reply...
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Alexander Jerabek
Sent: Friday, 11 November 2005 11:48 a.m.
To: wsg@webstandardsgroup.org
Subject: [WSG] hiding legend tag
Hi everybody,
I'm working on an accessible form the has all fieldset, legend, label
elements properly included.
But I'd also like the form to be styled in a minimalist fashion with the
option of toggling the labels on and off.
I can hide the label elements using the 'off stage' technique
(position:absolute; left: -100em; width: 100em;), but the legend element
cannot be repositioned or easily manipulated, and I don't want to use
display:none; or visibility:hidden;.
So I came up with this:
legend{margin:-1em; font-size:0px;}
In Mozilla the 0px makes the text invisible, but only miniscule in IE so
I used margin:-1em; is to push it under the drop down menu in the form.
My question is: does anybody know if this will have adverse affects on
accessibility or if there are any other weird problems with using this
technique?
You can see the form here:
http://132.206.197.7/labels/
css is here:
http://132.206.197.7/labels/labelsoff.css
and here:
http://132.206.197.7/labels/labels.css
Thanks for any help or insight.
Best,
Sacha
**
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] Divs over Flash in Safari
Air New Zealand uses a system where the navigation renders an iframe behind a drop down menu, this blocks the flash as the frame takes precedence in the rendering pipeline. Can't quite remember where we got it from, but check it out @ http://www.airnz.co.nz http://www.airnz.co.nz/NR/AirNZ/includes/scripts/nav.js - A -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Zulema Sent: Friday, 11 November 2005 4:02 p.m. To: wsg@webstandardsgroup.org Subject: Re: [WSG] Divs over Flash in Safari I've had success with adding this to the html code: PARAM NAME=wmode VALUE=transparent and this to the embed tag: wmode=transparent It has limitations tho: http://www.kirupa.com/developer/mx/transparency.htm hope that helps or at least sheds some light? ciao, Zulema -- Z u l e m a O r t i z w e b d e s i g n e r email : [EMAIL PROTECTED] website : http://zoblue.com/ weblog : http://blog.zoblue.com/ browser : http://getfirefox.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] Help needed with IE drama...
On the topic of commenting styles, I use the following: !-- [header + logo -- div id=header ... /div !-- header] -- So the id of the element is right next to a opening or closing square bracket indicating if it's a start or end of the block. Works well for us. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Andy Kirkwood|Motive Sent: Friday, 4 November 2005 3:53 p.m. To: wsg@webstandardsgroup.org Subject: Re: [WSG] Help needed with IE drama... Hi Darren, I haven't reviewed the bug, however if its anything like the issue we've come across with comments [1] then you could try an alternative method of commenting the code. (This goes somewhat to the concept of semantic markup also.) Rather than: !-- begin footer -- div id=footer ... /div !-- end footer -- try: div id=footer ... !-- end footer --/div Rationale: The id attribute identifies the nature of the div (as a result of taking a semantic approach to assigning the id value there is no need 'duplicate' this information in the comment). It is more problematic to keep track of the end of the div, and so a comment is useful. Placing the end comment inside the /div avoids the issue with floats and comments. Admittedly, it took me a while to get used to the new coding convention, but the judicious use of white space helps. [1] Bug caused by floats and comments: http://www.positioniseverything.net/explorer/dup-characters.html We've worked out that the issue was caused by the comments in the HTML file. Has anyone had this sort of issue before? If there a solution other then removing the comments? Best regards, -- Andy Kirkwood | Creative Director Motive | web.design.integrity http://www.motive.co.nz ph: (04) 3 800 800 fx: (04) 970 9693 mob: 021 369 693 93 Rintoul St, Newtown PO Box 7150, Wellington South, New Zealand ** 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] Barclays standards redesign
If you serve your XHTML pages as XML documents then your browser will die on badly formed structure. - A From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Christian Montoya Sent: Thursday, 8 September 2005 10:44 a.m. To: wsg@webstandardsgroup.org Subject: Re: [WSG] Barclays standards redesign Standards compliance needs to be built into RFP's from the get-go and then enforced by companies who pay the web-dev's. Exactly. I was actually thinking the other day, browsers should be more like compilers... they should refuse to parse incorrect code. Then the enforcement would be on the output end, too. An example of bad code: http://web1temp.cheme.cornell.edu/courses/cheme112/ Whoever made that site is basically having their bad code justified by browsers that actually display it, even though it has no doctype, no html tag, no head tag, unclosed p tags... etc etc etc. If that person was doing the same thing in Java or C++, the compiler would spit out a bunch of wierd messages and he/she would realize he/she doesn't know what he/she's doing. If browsers didn't parse bad code, that would probably stop a lot of xangas and myspaces from working... I can dream, can't I? No html tag! I can't get over that one!
RE: [WSG] Center aligning links with a specified height
Sorry for delays in replying - http://labs.flog.co.nz/css-help/ has an example image of what I'm after and some XHTML and CSS code to look at. Hopefully that will explain it far better than I have previously :) - A -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of dwain alford Sent: Monday, 22 August 2005 6:23 p.m. To: wsg@webstandardsgroup.org Subject: Re: [WSG] Center aligning links with a specified height Adam Burmister (DSL AK) wrote: Hi everybody, Long time reader - first time poster here. I've currently got a doozie that I've been struggling with for hours. The final product looks simple enough, but I can't for the life of me get it - help me WSG, you're my only hope. is there a url where we can take a look? dwain -- Dwain Alford [EMAIL PROTECTED] http://www.alforddesigngroup.com The Savior replied; There is no such thing as sin;... 'The Gospel of Mary of Magdala' ** 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] Center aligning links with a specified height
Title: RE: [WSG] Center aligning links with a specified height
I think Ive found a solution it requires a separate padding style for IE though.
http://labs.flog.co.nz/css-help/solution.htm
ul {
list-style-type:none;
background: #cfc;
height: 40px;
overflow: hidden;
}
li a {
background: #eee;
display: inline-block;
padding: 0 20px;
line-height: 40px;
}
li a {
padding: 20px;
}
Could somebody please check it in Safari?
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]] On Behalf Of Kenny Graham
Sent: Tuesday, 23 August 2005 10:22 a.m.
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Center aligning links with a specified height
I got it working in firefox and almost in IE/Win (height is way bigger than it's supposed to be in IE) by changing the li a in Nick's example to:
li a {
background: #eee;
display: inline-block ;
/*height: 50px;*/
line-height: 50px;
font-size: 14px;
padding: 17px 20px;
}
Now, keep in mind as soon as someone resizes the text, it won't work anymore. So I'd keep looking, even if you fix it in IE. But maybe it's a step in the right direction? I stopped trying to make stuff work in IE when it started to give me ulcers and gray hairs (and I'm only 21). Good luck.
[WSG] Center aligning links with a specified height
Hi everybody, Long time reader - first time poster here. I've currently got a doozie that I've been struggling with for hours. The final product looks simple enough, but I can't for the life of me get it - help me WSG, you're my only hope. What I want is a center aligned list (UL LI's) of links with a rollover state on the links. div id=footer ul lia href=#Test/a/li lia href=#Test/a/li lia href=#Test/a/li /ul pCopyright line goes here/p /div The kicker is that I need to be able to specify a height on the anchor link (40px in this case; as the background image is this height). Since it's an inline element I can't set a height on it directly, so if I convert it to block it takes up the whole row, if I float it it won't be centered, I can't set a width value on the LI because it's a content managed section... everything I've tried doesn't work, and I'm pretty sure I've tried everything. Does anybody have a solution to this one? Looking forward to your responses, Cheers, Adam. ** 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] Case of the amazing disappearing wrapper!
Ditto on that one.
It's odd, but that's the way it is.
- Adam
-Original Message-
From: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] On Behalf Of Zachary Hopkins
Sent: Thursday, 30 June 2005 2:25 p.m.
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Case of the amazing disappearing wrapper!
I've had this problem before.
It involves a 0-height object not clearing. There needs to some
dimension to an object that clears another.
I've uploaded a copy to my site for you to check out.
I've modified the page to be valid XHTML 1.0 Strict, given your doctype.
The changes are commented, but I've changed the clearing object to be a
div and I've given it some dimension.
Changed CSS: .clear{ clear: both;height:1px;}
http://www.hopkinsprogramming.net/wsg_fx_ent/index.htm
Hope it helps!
--Zachary
jackie reid wrote:
Hi List
I dont understand whats going on here at all.
http://www.fxenterprises.com.au/index.htm
the white wrapper div is just not containing the content. Or rather
sometimes it is and sometimes its not.
when you first go into the site the wrapper doesnt stretch, if you use
the navigation and move to another page it seems ok. but when you
refresh the screen whompa... its the amazing disappearing wrapper
thing again.
Please shed light on the subject if you can.
Thanks again list.
Jackie
--
The best way to predict the future is to invent it.
[EMAIL PROTECTED]
http://www.hopkinsprogramming.net
**
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] WSG Meetings for the rest of us
Somebody should webcast the live event. I'd love to attend in person, but I'm stuck in Auckland :( (Damn cold too)! Adam -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Kazuhito Kidachi Sent: Thursday, 9 June 2005 3:17 p.m. To: wsg@webstandardsgroup.org Subject: Re: [WSG] WSG Meetings for the rest of us 2005/6/9, Cole Kuryakin - x7m [EMAIL PROTECTED]: Man, oh man, would I love to attend some (pretty much all) of the meetings, seminars and discussions being hosted/held by WSG - but they seem to all be in Sydney. Me too. I'm in Japan and I can understand what you feel. So, if some resources like slides or short minutes are available for each meeting, all of the rest of us would be happy, I believe. BTW, now some people living in Tokyo are thinking about planning local meeting as a part of WSG. So my question is, how to setup such a local meeting. Is it only inputting time/place info on the WSG site? Australia, Philippines and Japan are located in almost same time zone. In future, we may share the same experience at the same time. It's just my thought. Kazuhito -- Kazuhito Kidachi mailto:[EMAIL PROTECTED] ** 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 **
