RE: [WSG] The weirdest IE bug I've ever encountered.
Joe is right, you got alot of tags unclosed and you're switch from HTML to XHTML style tags. Pick one, and use the validator! You'll see a pretty much bug free site in no time. _ From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Joseph Taylor Sent: 04 June 2009 02:38 To: wsg@webstandardsgroup.org Subject: Re: [WSG] The weirdest IE bug I've ever encountered. I took a look at your source code - there are a whole bunch of issues beginning with oddities in your HTML - things like: !DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd; http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd HTML lang=en xml:lang=en xmlns=http://www.w3.org/1999/xhtml; http://www.w3.org/1999/xhtml Your saying the DocType is HTML 4.01 Transitional, but then you're linking to the XHTML namespace - that's probably confusing IE right from the get go. Using Transitional DocTypes also pisses IE off. ul Weird spacees in your tags? That's begging for IE weirdness. Try starting with perfect HTML that's of the Strict DocType whether it's HTML or XHTML. Joseph R. B. Taylor Designer / Developer -- Sites by Joe, LLC Clean, Simple and Elegant Web Design Phone: (609) 335-3076 Web: http://sitesbyjoe.com Email: j...@sitesbyjoe.com On 6/3/09 9:14 PM, Breton Slivka wrote: I have a stripped down example of it here. The bug only occurs in IE 7, and possibly ie6, and it occurs in IE8 running in compatibility mode. I cannot be sure whether it happens in IE8 in IE8 mode or not. (MS have made the compatibility mode interface so bloody complex I can't figure out whether I'm in it or not at any given time). The example is here: http://zenpsycho.com/iebug.htm On that page, you will see an italic letter v on the left hand side of the screen, and a view cart link on the right hand side which is NOT clickable, but which should be clickable. The ingredients of this bug appear to be: * a left floated element followed by * an italic styled element nested directly inside a p tag, which are both preceded by * a menu with links that are floated to the right Combine these things together, and the right hand side of the screen becomes unclickable. (you can have a huge column of links on the right hand side, and they're all useless). What really bothers me about this one, is that the spell is mysteriously broken (the bug goes away) if you change this: Pspanv /span/P to this: Pspanv /spannbsp;/P Just what on earth is going on here? *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** No virus found in this incoming message. Checked by AVG - www.avg.com Version: 8.5.339 / Virus Database: 270.12.52/2152 - Release Date: 06/03/09 05:53:00 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] encounter the first IE8 bug
Ah the joys of Magento. The only thing I can think off is to use a separate
style sheet for IE8, shouldn't be too big a file as IE8 seems to render a
lot of stuff similar to FireFox.
-Original Message-
From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On
Behalf Of tee
Sent: 26 May 2009 22:53
To: wsg@webstandardsgroup.org
Subject: [WSG] encounter the first IE8 bug
Stumble on this bug in IE8 only that I don't how to fix, except giving a
negative left margin to pull it back, but I am hoping maybe there is a
better way to do this.
I can't show the site but here is another semi-done site that I can
show that uses the same code for that section and it is showing
exactly the same bug.
http://www.fengshuifabulous.com/jewelry.html
In the search field, if you enter beads it triggers the ajax auto-
complete, in IE8, the dropdown is off the search div and get pulled to the
right.
The code :
#header_search .search-autocomplete { border:2px solid #82d12e;
background:#fff;width:162px!important; border-top: 0;margin-top: -1px;}
.search-autocomplete li { border-bottom:1px solid #f4eee7; padding:2px 4px
1px 8px; cursor:pointer; }
I have not fixed anything for IE6/7 for this site yet, so don't bother to
check them out as this is an IE8 issue. Anyhow, for the site that I can't
show, the fix for IE6/7 is re-adjusting margin and width in 'li'.
Thanks in advanced.
tee
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
No virus found in this incoming message.
Checked by AVG - www.avg.com
Version: 8.5.339 / Virus Database: 270.12.40/2135 - Release Date: 05/26/09
08:53:00
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: memberh...@webstandardsgroup.org
***
RE: [WSG] TYPE attribute of BUTTON
Tee,I've stopped trying to figure out what Varien have going on in their heads. When it comes to Magento I prefer to make my own .phtml files now. At least that way I know they'll pass validation. -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of tee Sent: 03 April 2009 10:02 To: wsg@webstandardsgroup.org Subject: [WSG] TYPE attribute of BUTTON quote on this page: http://htmlhelp.com/reference/html40/forms/button.html The TYPE attribute of BUTTON specifies the kind of button and takes the value submit (the default), reset, or button. The NAME and VALUE attributes determine the name/value pair sent to the server when a submit button is pushed. These attributes allow authors to provide multiple submit buttons and have the form handler take a different action depending on the submit button used. My question: on each form, if only one button is used, it's really unnecessary to have type=button right? Markup and accessibility wise, I never get a complaint from validators that type=button is missing. Asking this stupid question because Varien developers all of sudden decided to add type=button to all buttons in Magento' phtml files. Thanks! tee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Marking up news
EBS Logo http://www.essentialebizsolutions.net/_inc/images/logo.gif Call us on 0800 327 7935 http://www.essentialebizsolutions.net/_inc/images/number.png Hi Everyone, I'm making a news plugin but I'm un-sure what the best/most accesible way is to mark it up? Should I use ul liNews Heading/li liNews Content/li liNews Date/li /ul or dl dtNews Heading/dt ddNews Date/dd ddNews Content/dd /dl Many thanks Essential eBiz Solutions 0800 327 7935 http://www.essentialebizsolutions.net www.essentialebizsolutions.net Disclaimer: The contents and any attachments of this email message may be privileged and confidential and intended only for the named addressees. Any unauthorised use, dissemination or copying of the information is strictly prohibited. If you are not the addressee, please notify the sender immediately by return e-mail and delete this message. Unless stated to the contrary, any views opinions expressed in this message are those of the author and may not necessarily reflect views or policies of Essential eBiz Solutions Ltd. Although this e-mail and any attachments are believed to be free of any virus, or other defect which might affect any computer or system into which they are received and opened, it is the responsibility of the recipient to scan the email and attachments to ensure that they are virus free and no responsibility is accepted by EBS for any loss or damage from receipt or use thereof. Essential eBiz Solutions Ltd: 92 Stanton Road, Meir, Stoke-on-Trent, Staffordshire ST3 6DF. Registered with Companies House: 5720784. VAT Registered: GB 943039037 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***logo.gifnumber.png
RE: [WSG] Marking up news
Hi, it is going to be a list of news events and will hopefully when I figure it out print the info to RSS that's why I was thinking of the DL so it's just a list of some events rather that full news? Hope that makes sense -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Mike at Green-Beast.com Sent: 19 February 2009 21:47 To: wsg@webstandardsgroup.org Subject: Re: [WSG] Marking up news i would not suggest to use h1 for our news cause what benefit I agree. That was just for demonstration purposes... I would certainly suggest using whatever heading would be appropriate and semantic. I didn't have that info so I created a new document and dropped the news in just so I could show the markup. Respectfully, Mike Cherim *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] positioning help needed
Your problem is the sidebar, you need to make the position of it relative, then the footer will pop underneath it. To keep the sidebar liquid just float it to the right and use em's for the height, width etc. Many Thanks Disclaimer: This email and its attachments may be confidential and are intended solely for the use of the individual to whom it is addressed. Any views or opinions expressed are solely those of the author and do not necessarily represent those of Essential eBiz Solutions Ltd. If you are not the intended recipient of this email and its attachments then please contact the sender and do not use or forward this e-mail to anyone. Essential eBiz Solutions Ltd, Registered in England and Wales Company Registration No: 57200784. Registered Office: 6, Gibson Place, Meir, Stoke-on-Trent, Staffordshire, ST3 5PQ. -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of David Hucklesby Sent: 11 December 2008 20:39 To: wsg@webstandardsgroup.org Subject: Re: [WSG] positioning help needed On Wed, 10 Dec 2008 12:03:46 +, kevin mcmonagle wrote: Hi I'm trying to modify this template to work with a footer. The problem is getting a footer to float below the right side div. I can't figure out how to keep #sidebar liquid but still float a footer under it. Is it possible. Nope. Absolutely positioned boxes are taken out of the normal flow. This means they have no impact on the layout of later siblings.[1] heres the example: http://www.gortahork.eu/en Try using a floated construction instead. Examples here: http://blog.html.it/layoutgala/ [1] http://www.w3.org/TR/CSS21/visuren.html#choose-position Cordially, David -- *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- No virus found in this incoming message. Checked by AVG. Version: 7.5.552 / Virus Database: 270.9.15/1835 - Release Date: 07/12/2008 16:56 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] hover state on icons(indivdual li backgrounds)
Hi Kevin,
I thunk your problem is in the CSS you are using a class selected
attached to the a attribute but in the XHTML you trying to use it as a ID
selector on the LI element. Try this:
ul li.home{
background-image:url(../images/icons/homeover.gif);
background-repeat:no-repeat;background-position:-94px 1px; }
ul li.home:hover{
background-image:url(../images/icons/homeover.gif);
background-repeat:no-repeat;background-position:-4px 1px; }
li class=home a href# class=homeHome/a /li
Many Thanks
Disclaimer: This email and its attachments may be confidential and are
intended solely for the use of the individual to whom it is addressed. Any
views or opinions expressed are solely those of the author and do not
necessarily represent those of Essential eBiz Solutions Ltd. If you are not
the intended recipient of this email and its attachments then please contact
the sender and do not use or forward this e-mail to anyone.
Essential eBiz Solutions Ltd, Registered in England and Wales Company
Registration No: 57200784. Registered Office: 6, Gibson Place, Meir,
Stoke-on-Trent, Staffordshire, ST3 5PQ.
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of kevin mcmonagle
Sent: 08 December 2008 16:16
To: wsg@webstandardsgroup.org
Subject: [WSG] hover state on icons(indivdual li backgrounds)
Is it possible to get two images into an li anchor if each background image
or icon is unique.
All the online tutrials that ive found are for list items that share a
common background image - but this must have been done before.
heres the css ive tried:
#home a{background-image:url(../images/icons/home.gif);
background-repeat:no-repeat;background-position:-4px 1px; }
a.home{
background-image:url(../images/icons/homeover.gif);
background-repeat:no-repeat;background-position:-94px 1px; }
a.home:hover{
background-image:url(../images/icons/homeover.gif);
background-repeat:no-repeat;background-position:-4px 1px; }
In the xhtml ive tried both these scenarios and different combinations of
ids/classes on the above css.
li id=home a href# class=homeHome/a li id=home
class=home a href#Home/a
The problem is that once one background is in the anchor or li i cant get
another to reposition over it...
Unless someone has a better idea Im thinking about doing something dirty
like wrapping a span around the li's.
If this doesnt make any sense to you here is my very under-construction
example:
http://www.gortahork.eu/en
-best
kevin
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
No virus found in this incoming message.
Checked by AVG.
Version: 7.5.552 / Virus Database: 270.9.15/1835 - Release Date: 07/12/2008
16:56
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
[WSG] Accessible JS/Mootools
Hi Everyone, I'm trying to implement a few features from the mootools library on a clients web site. Basically I'm trying to get 3 element to load differently on the page load. the 1st one is the navigation bar which I think is completed the second is a div that has a .png image for transparency that I want to slide into place so basically have it's width go from 0px - 300px then when that has finished it animation for the text inside it which has another div container to fade in. can anyone help? I've searched the web and the only things I can find either don't work or they aren't accessible. div class=page-animation div class=page-content (needs to have the slide from 0px to 310px on page load) div class=padding(needs to have any text/images contained to fade in on page load) h1Welcome to strongACB/strong/h1 pstrongLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla consequat est sed tellus. Donec ante augue, suscipit nec, tempor a, accumsan sit amet, lectus./strong/p pAliquam dolor mi, tempus in, congue at, blandit eu, nulla. Nam in quam eget nisl malesuada fringilla. Mauris eget sapien. Duis eu augue eu est rutrum semper. Nunc et tellus. Nunc rhoncus, ante facilisis bibendum feugiat, quam est sagittis felis, a imperdiet quam nisi non dolor. Praesent rutrum lectus non dui. Aenean lorem. Sed pulvinar mauris vitae mauris. Vivamus vitae tellus at nunc ullamcorper rhoncus./p pQuisque lectus lorem, venenatis non, scelerisque a, suscipit at, neque. Quisque faucibus feugiat lacus. Morbi ullamcorper diam ut dolor./p /div /div /div site is at www.essentialebizsolutions.net/client/acb Many thanks Essential eBiz Solutions 0800 327 7935 http://www.essentialebizsolutions.net www.essentialebizsolutions.net Disclaimer: This email and its attachments may be confidential and are intended solely for the use of the individual to whom it is addressed. Any views or opinions expressed are solely those of the author and do not necessarily represent those of Essential eBiz Solutions Ltd. If you are not the intended recipient of this email and its attachments then please contact the sender and do not use or forward this e-mail to anyone. Essential eBiz Solutions Ltd, Registered in England and Wales Company Registration No: 57200784. Registered Office: 92, Stanton Road, Meir, Stoke-on-Trent, Staffordshire, ST3 6DF. Please consider the environmental impact of printing this e-mail. CONFIDENTIAL: This email is intended for and confidential to the named recipient. If you have received a copy in error, please accept our apologies and destroy it. You may not use or disclose the contents of this e-mail to anyone, nor take copies of it. The only copies permitted are to be made by the named recipient and for the purpose of completing successful electronic transmission to the named recipient and then only on condition that these copies, with this notice attached, are kept confidential until destruction. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***ebs_logov2.jpg
RE: [WSG] Accessible JS/Mootools
can anyone help me with this? Many Thanks Mathew O'Connor http://www.essentialebizsolutions.net/ 0800 3277935 _ Disclaimer: This email and its attachments may be confidential and are intended solely for the use of the individual to whom it is addressed. Any views or opinions expressed are solely those of the author and do not necessarily represent those of Essential eBiz Solutions Ltd. If you are not the intended recipient of this email and its attachments then please contact the sender and do not use or forward this e-mail to anyone. Essential eBiz Solutions Ltd, Registered in England and Wales Company Registration No: 57200784. Registered Office: 92 Stanton Road, Meir, Stoke-on-Trent, Staffordshire, ST3 6DF. _ From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Essential eBiz Solutions Ltd Sent: 28 October 2008 15:32 To: wsg@webstandardsgroup.org Subject: [WSG] Accessible JS/Mootools Hi Everyone, I'm trying to implement a few features from the mootools library on a clients web site. Basically I'm trying to get 3 element to load differently on the page load. the 1st one is the navigation bar which I think is completed the second is a div that has a .png image for transparency that I want to slide into place so basically have it's width go from 0px - 300px then when that has finished it animation for the text inside it which has another div container to fade in. can anyone help? I've searched the web and the only things I can find either don't work or they aren't accessible. div class=page-animation div class=page-content (needs to have the slide from 0px to 310px on page load) div class=padding(needs to have any text/images contained to fade in on page load) h1Welcome to strongACB/strong/h1 pstrongLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nulla consequat est sed tellus. Donec ante augue, suscipit nec, tempor a, accumsan sit amet, lectus./strong/p pAliquam dolor mi, tempus in, congue at, blandit eu, nulla. Nam in quam eget nisl malesuada fringilla. Mauris eget sapien. Duis eu augue eu est rutrum semper. Nunc et tellus. Nunc rhoncus, ante facilisis bibendum feugiat, quam est sagittis felis, a imperdiet quam nisi non dolor. Praesent rutrum lectus non dui. Aenean lorem. Sed pulvinar mauris vitae mauris. Vivamus vitae tellus at nunc ullamcorper rhoncus./p pQuisque lectus lorem, venenatis non, scelerisque a, suscipit at, neque. Quisque faucibus feugiat lacus. Morbi ullamcorper diam ut dolor./p /div /div /div site is at www.essentialebizsolutions.net/client/acb Many thanks Essential eBiz Solutions 0800 327 7935 http://www.essentialebizsolutions.net www.essentialebizsolutions.net Disclaimer: This email and its attachments may be confidential and are intended solely for the use of the individual to whom it is addressed. Any views or opinions expressed are solely those of the author and do not necessarily represent those of Essential eBiz Solutions Ltd. If you are not the intended recipient of this email and its attachments then please contact the sender and do not use or forward this e-mail to anyone. Essential eBiz Solutions Ltd, Registered in England and Wales Company Registration No: 57200784. Registered Office: 92, Stanton Road, Meir, Stoke-on-Trent, Staffordshire, ST3 6DF. Please consider the environmental impact of printing this e-mail. CONFIDENTIAL: This email is intended for and confidential to the named recipient. If you have received a copy in error, please accept our apologies and destroy it. You may not use or disclose the contents of this e-mail to anyone, nor take copies of it. The only copies permitted are to be made by the named recipient and for the purpose of completing successful electronic transmission to the named recipient and then only on condition that these copies, with this notice attached, are kept confidential until destruction. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***image003.jpgebs_logov2.jpg
RE: [WSG] Font-size inheritance issue?
Hi Aaron, I'm more than happy to supply a CSS menu tutorial for a standard or drop down menu. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Aaron Wheeler Sent: 25 October 2008 18:57 To: wsg@webstandardsgroup.org Subject: RE: [WSG] Font-size inheritance issue? Hi all my name is Aaron and I own the new site cssboard.co.uk I am writing to you all today to see if anyone could help me out with 3 minutes of their time. I am startinga new magazine (FREE) called Css Design it is a magazine designed at reaching the designers of the web world who loved and will only stick to the css standard way of life. In short I am looking for as much help as I can writing the articles ( all adverts go to you and you companies / projects) The themes this month is as follows IN THIS ISSUE The Growth of Gallery Design Competition Sites (Article) How to create the perfect css menu navigation (Tutorial) Where is design heading in 2009(Article) The Perfect Layout (Tutorial) Clean Code (Article) Design Competition - Design a new church site (Prize award of free css bible book) Resources ( A collection of links that will build up as the magazine gets better) 3 - 4 pages of advertising throughout the issue Best CSS Gallery - We will be doing an article on the best css gallery site we can find. If you can help please let me know , Thanks Aaron *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- No virus found in this incoming message. Checked by AVG. Version: 7.5.549 / Virus Database: 270.8.3/1744 - Release Date: 24/10/2008 18:08 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] JavaScript clarification please
Hi Brett, Javascript can be object orientated, it all depends on how your using it. If you are using DOM etc then it's object. It's just like PHP 5 which is now object orientated with classes like GD+ and some of the classes that rely on classes to work. I'm not a JS expert so I can't really explain more than that, but I'm sure someone on here knows a bit more. _ From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Brett Patterson Sent: 23 October 2008 22:53 To: wsg@webstandardsgroup.org Subject: [WSG] JavaScript clarification please I am in the middle of a conversation with this guy who says that JavaScript is an object-oriented language. Is he correct? Could you please site some references? *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Accessible and cross browser online slide system
The jastAslide links dont work in firefox -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Diego La Monica Sent: 22 October 2008 16:50 To: wsg@webstandardsgroup.org Subject: R: [WSG] Accessible and cross browser online slide system Hi Thierry, I solved the keyboard navigation issues, try to take a look now [1], I've uploaded an updated version of the script. Only the active tab got focus while and you can change tab only with left/right arrow... It seems like reasonable way to work for you? ;-) Cheers, Diego La Monica Web 2.0 - Standards - Accessibilità mobile: +39 3337235382 - skype: diego.la.monica web: http://diegolamonica.info - http://jastegg.it P.S. With IE7 the page you've suggested [2] me is broken. [1] http://jastegg.it/jastASlide/ [2] http://www.tjkdesign.com/articles/keyboard-friendly_tabbed-panels/jump-link s.asp *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- No virus found in this incoming message. Checked by AVG. Version: 7.5.549 / Virus Database: 270.8.2/1738 - Release Date: 21/10/2008 14:10 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] suckerfish problem - ie6
Your top links aren't working in Firefox, the nav li's need a z-index to
appear above the flash.
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Gunlaug Sørtun
Sent: 25 September 2008 15:44
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] suckerfish problem - ie6
kevin mcmonagle wrote:
Hi, Having a problem with suckerfish drowndowns, ie6 shows the nested
lists expanded to the full height of all li's. Im doing the css for
a programmer and im not sure whats going wrong. is it possible the
javascript fix isnt being picked up? Im not doing that part of the
programming.
Anyone see this before?
www.grandcentralhotel.ie
Sure, IE6 has no respect for declared dimensions - !important or not,
and expands #mainMenu li to make room for #mainMenu li ul.
Suggest you add...
* html #mainMenu li ul {margin-bottom: -1000px;}
...to prevent IE6 from acting on the height.
regards
Georg
--
http://www.gunlaug.no
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
No virus found in this incoming message.
Checked by AVG.
Version: 7.5.524 / Virus Database: 270.7.2/1689 - Release Date: 24/09/2008
18:51
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] suckerfish problem - ie6
FF3, it only happens on the home page where the flash is, if you set your flash container to z-index 1 (assuming your using SWFobject) and you ul to z-index 99 then it will work in all browsers. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of kevin mcmonagle Sent: 25 September 2008 19:35 To: wsg@webstandardsgroup.org Subject: Re: [WSG] suckerfish problem - ie6 Thanks, Only other services and local information have drop downs and they are showing up in ff3 for me. what version are you using? Essential eBiz Solutions Ltd wrote: Your top links aren't working in Firefox, the nav li's need a z-index to appear above the flash. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- No virus found in this incoming message. Checked by AVG. Version: 7.5.524 / Virus Database: 270.7.2/1689 - Release Date: 24/09/2008 18:51 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] semantics of a simple form
Personally I would say yes, the legend give vital information about what information is being request and the fieldset tells the users/browser/reader that the information with in it is linked together -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of kevin mcmonagle Sent: 25 September 2008 21:29 To: wsg@webstandardsgroup.org Subject: [WSG] semantics of a simple form im not an expert on this but should there be a fieldset or legend around this? not even sure if it qualifies as a form, although it has a submit button. h4Check-in Date:/h4 select name=... option value=101/option . /select select name=... id=... option selected=selected value=09|2008Sep 08/option . /select h4Check-out Date:/h4 select name=... option value=101/option ./select select name=... option selected=selected value=09|2008Sep 08/option . /select div class=button input type=submit name=... value=Search id=... / /div -thanks in advance kevin *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- No virus found in this incoming message. Checked by AVG. Version: 7.5.524 / Virus Database: 270.7.2/1689 - Release Date: 24/09/2008 18:51 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Position and peace of mind
With the absolute style you've tried, a z-index may help the ie issue's. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of John Unsworth Sent: 04 September 2008 05:29 To: wsg@webstandardsgroup.org Subject: Fwd: [WSG] Position and peace of mind -- Forwarded message -- From: John Unsworth [EMAIL PROTECTED] Date: 4 Sep 2008 14:05 Subject: Re: [WSG] Position and peace of mind To: Kepler Gelotte [EMAIL PROTECTED] On 04/09/2008, Kepler Gelotte [EMAIL PROTECTED] wrote: John, It would really help when you have a specific issue like this to post a url where people could see your site. Most hosting companies allow you to create subdomains so you could put the web site on your host as http://problemsite.mydomain.com/ Best regards, Kepler Gelotte Neighbor Webmaster, Inc. 156 Normandy Dr., Piscataway, NJ 08854 www.neighborwebmaster.com phone/fax: (732) 302-0904 Thanks for replying Kepler, I've arranged to put the two versions up for viewing. The relatively positioned div's is at; http://distributeit.com.au/wsg/relative-index.html and the absolutes are here; http://distributeit.com.au/wsg/absolute-index.html The issue with the More Info buttons in Opera disapears when I removed the absolute position call in the CSS...but so do the images. And I'd like to advise that the call in the head of the HTML for the CSS is taken from Jon Hicks' presentation A Day in Deployment, I thought it was a good method although I am aware that the Yahoo front end optimisation people advise that the @import rule is not perfect. For anyone not aware of the Jon Hicks presentation, you'll find it here; http://www.hicksdesign.co.uk/journal/design-to-deployment Many thanks John Unsworth *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- No virus found in this incoming message. Checked by AVG. Version: 7.5.524 / Virus Database: 270.6.15/1649 - Release Date: 03/09/2008 07:15 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Accesbility Help
http://www.essentialebizsolutions.net Click the Essential eBiz Solutions logo to visit our home page Hi All, This is a mixed question, I have a contact form that I'm building. I want to add a human verifier to the forms but not a captcha one because they are far from accessible, I'm not that good at PHP though to figure it out, I already use the Mikes Green Beast form for general contact but this will be to process order request. I've trawled the internet but all I can find is captcha solutions, can any one point me in the right direction? Many thanks Essential eBiz Solutions Ltd 6 Gibson Place Meir Stoke-on-Trent www.essentialebizsolutions.net Disclaimer: This email and its attachments may be confidential and are intended solely for the use of the individual to whom it is addressed. Any views or opinions expressed are solely those of the author and do not necessarily represent those of Essential eBiz Solutions Ltd. If you are not the intended recipient of this email and its attachments then please contact the sender and do not use or forward this e-mail to anyone. Essential eBiz Solutions Ltd, Registered in England and Wales Company Registration No: 57200784. Registered Office: 6, Gibson Place, Meir, Stoke-on-Trent, Staffordshire, ST3 5PQ. Please consider the environmental impact of printing this e-mail. CONFIDENTIAL: This email is intended for and confidential to the named recipient. If you have received a copy in error, please accept our apologies and destroy it. You may not use or disclose the contents of this e-mail to anyone, nor take copies of it. The only copies permitted are to be made by the named recipient and for the purpose of completing successful electronic transmission to the named recipient and then only on condition that these copies, with this notice attached, are kept confidential until destruction Hosting Plans http://www.krystal.co.uk/aff/aff.php?id=135_1 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***image001.jpg
RE: [WSG] Accesbility Help
Mike your still a god in my eyes, even more so now. Many thanks. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Mike at Green-Beast.com Sent: 04 September 2008 17:12 To: wsg@webstandardsgroup.org Subject: Re: [WSG] Accesbility Help Hi eBiz, In this article [1] I explain the how-to a bit and offer some additional solutions. Perhaps you could integrate those code snippets in your order form. [1] http://green-beast.com/blog/?p=220 Respectfully, Mike Cherim - Original Message - From: Essential eBiz Solutions Ltd [EMAIL PROTECTED] To: [EMAIL PROTECTED]; wsg@webstandardsgroup.org Sent: Thursday, September 04, 2008 10:41 AM Subject: [WSG] Accesbility Help http://www.essentialebizsolutions.net Click the Essential eBiz Solutions logo to visit our home page Hi All, This is a mixed question, I have a contact form that I'm building. I want to add a human verifier to the forms but not a captcha one because they are far from accessible, I'm not that good at PHP though to figure it out, I already use the Mikes Green Beast form for general contact but this will be to process order request. I've trawled the internet but all I can find is captcha solutions, can any one point me in the right direction? Many thanks Essential eBiz Solutions Ltd 6 Gibson Place Meir Stoke-on-Trent www.essentialebizsolutions.net Disclaimer: This email and its attachments may be confidential and are intended solely for the use of the individual to whom it is addressed. Any views or opinions expressed are solely those of the author and do not necessarily represent those of Essential eBiz Solutions Ltd. If you are not the intended recipient of this email and its attachments then please contact the sender and do not use or forward this e-mail to anyone. Essential eBiz Solutions Ltd, Registered in England and Wales Company Registration No: 57200784. Registered Office: 6, Gibson Place, Meir, Stoke-on-Trent, Staffordshire, ST3 5PQ. Please consider the environmental impact of printing this e-mail. CONFIDENTIAL: This email is intended for and confidential to the named recipient. If you have received a copy in error, please accept our apologies and destroy it. You may not use or disclose the contents of this e-mail to anyone, nor take copies of it. The only copies permitted are to be made by the named recipient and for the purpose of completing successful electronic transmission to the named recipient and then only on condition that these copies, with this notice attached, are kept confidential until destruction Hosting Plans http://www.krystal.co.uk/aff/aff.php?id=135_1 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- No virus found in this incoming message. Checked by AVG. Version: 7.5.524 / Virus Database: 270.6.16/1650 - Release Date: 03/09/2008 16:13 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Accesbility Help
Pretty much what I was lucking for, similar to Mike's solution. Work on a
screen reader to unlike captcha.
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Joseph Taylor
Sent: 04 September 2008 18:02
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Accesbility Help
If you want to avoid captchas, my recommendation would be to add a
question that would foil a robot. Just explain that this field is for
that specifically.
Something like:
fieldset
legendHuman Verification/legend
pThis section is used to thwart evil spam robots. Fill in the correct
answer./p
div
labelWhat color is the sky? (hint: blue)/label
input type=text name=human_verifier
/div
/fieldset
You're PHP would be:
?php
// check the answer
if ($_POST['human_verifier'] != 'blue')
{
// incorrect
echo 'Robot! Get out!');
}
else
{
// correct
echo 'Welcome, Human.';
}
?
This is obviously a very, very simple solution but it has worked on
reducing/removing form spam on a couple of my sites quite well while
being an accessible solution. I'm welcome to an contradictory thoughts
on this.
Joseph R. B. Taylor
/Designer / Developer/
--
Sites by Joe, LLC
/Clean, Simple and Elegant Web Design/
Phone: (609) 335-3076
Fax: (866) 301-8045
Web: http://sitesbyjoe.com
Email: [EMAIL PROTECTED]
Essential eBiz Solutions Ltd wrote:
* Click the Essential eBiz Solutions logo to visit our home page
http://www.essentialebizsolutions.net *
* Hi All, *
* This is a mixed question, I have a contact form that I'm building.
I want to add a human verifier to the forms but not a captcha one
because they are far from accessible, I'm not that good at PHP
though to figure it out, I already use the Mikes Green Beast form
for general contact but this will be to process order request. I've
trawled the internet but all I can find is captcha solutions, can
any one point me in the right direction? *
* *
* Many thanks *
Essential eBiz Solutions Ltd
6 Gibson Place
Meir
Stoke-on-Trent
www.essentialebizsolutions.net http://www.essentialebizsolutions.net
** Disclaimer ** : This email and its attachments may be confidential
and are intended solely for the use of the individual to whom it is
addressed. Any views or opinions expressed are solely those of the
author and do not necessarily represent those of Essential eBiz
Solutions Ltd. If you are not the intended recipient of this email and
its attachments then please contact the sender and do not use or
forward this e-mail to anyone.
Essential eBiz Solutions Ltd, Registered in England and Wales Company
Registration No: 57200784. Registered Office: 6, Gibson Place , Meir,
Stoke-on-Trent, Staffordshire , ST3 5PQ .
Please consider the environmental impact of printing this e-mail.
CONFIDENTIAL: This email is intended for and confidential to the named
recipient. If you have received a copy in error, please accept our
apologies and destroy it. You may not use or disclose the contents of
this e-mail to anyone, nor take copies of it. The only copies
permitted are to be made by the named recipient and for the purpose of
completing successful electronic transmission to the named recipient
and then only on condition that these copies, with this notice
attached, are kept confidential until destruction
Hosting Plans http://www.krystal.co.uk/aff/aff.php?id=135_1
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
No virus found in this incoming message.
Checked by AVG.
Version: 7.5.524 / Virus Database: 270.6.16/1650 - Release Date: 03/09/2008
16:13
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] DocType Given is... Document Looks Like...
As far as I'm aware XHTML strict was never programmed to acknowledge attributes, this was something that was only available in the transitional format. If you remove language=javascript1.2 then you're page will validate perfectly. _ From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Cole Kuryakin Sent: 05 September 2008 00:40 To: wsg@webstandardsgroup.org Subject: RE: [WSG] DocType Given is... Document Looks Like... Hi Todd - Link is here: http://www.koisis.com/.framework/-public/index.php Yes, I have verified that it's HTML validator - which is based upon Tidy - extension that is giving me this info (it's not an error or even a warning). As mentioned, all my pages do validate (as per HTML Validator) as I always get a green check mark and 0 errors / 0 warnings at the bottom-right-hand corner of FF. As mentioned, no where near an emergency or a problem, but I am just curious. Cole _ From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Todd Budnikas Sent: Thursday, September 04, 2008 7:08 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] DocType Given is... Document Looks Like... Cole, can you post a url so people can see the validator results and review the code? Everything looks on the up-and-up from what you've posted. I've never used the FF HTML Validator extension (is it the one based on HTML Tidy?), so i can't speak for that. The Web Developer extension just pushes the page to the W3C validator. Please also verify which Validator of the 2 you're running into trouble with. On Sep 4, 2008, at 12:47 AM, Cole Kuryakin wrote: Hello all - I've got the following doctype at the head of each of my pages: !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd; html xmlns=http://www.w3.org/1999/xhtml; xml:lang=en lang=en I take great pains to validate everything I do on every page, but, even if the page shows as valid (using FF's HTML Validator extension - or Web Developer extension. I can't remember which) when I view source on a valid page, I always get an info box that states: Info: Doctype given is -//W3C//DTD XHTML 1.0 Strict//EN Info: Document content looks like XHTML 1.0 Transitional I don't think that this is - by any means - any reason for me to be worried about my code/structure/et. al, but I've always wondered why, if I feed a xhtml 1.0 STRICT doc type why the validator always says that my stuff looks TRANSITIONAL? Am I doing something wrong? Any insight would be appreciated. Cole *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Google chrome... Coming very soon...
Just downloaded it. Seems that yet another blue chip is using a browsing phishing tool, this time it was to rely specific download instructions -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Spellacy, Michael Sent: 02 September 2008 23:11 To: wsg@webstandardsgroup.org Subject: RE: [WSG] Google chrome... Coming very soon... Heh. Looks like somebody at Google is a big fan of Understanding Comics By Scott McCloud. This is nice though. Regards, Spell Michael Spellacy Senior User Interface Developer TMP Worldwide Advertising Communications, LLC 205 Hudson Street, 5th Floor New York, NY 10013 -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Conyers, Dwayne Sent: Tuesday, September 02, 2008 9:23 AM To: wsg@webstandardsgroup.org Subject: RE: [WSG] Google chrome... Coming very soon... There is an interesting and very humorous comic that describes Chrome: http://books.google.com/books?id=8UsqHohwwVYCprintsec=frontcover#PPA19, M1 I like the multi-threading. -- The generation that used acid to escape reality is now taking antacid to deal with reality. http://blog.dwacon.com *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- No virus found in this incoming message. Checked by AVG. Version: 7.5.524 / Virus Database: 270.6.14/1646 - Release Date: 01/09/2008 18:03 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Code for Firefox, hack for IE
I would say code for standards at the end of the day, because standard is really the minimum requirement, once that's ticked off then code/hack for other browsers. Can't say I've read it anywhere but my web sites certainly look, work and load a lot better since I've started following that process. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of David McKinnon Sent: 01 September 2008 11:55 To: wsg@webstandardsgroup.org Subject: [WSG] Code for Firefox, hack for IE Hi, For a while now, I've been operating on the principle Code for Firefox, hack for IE. That is, writing CSS for the most standards-compliant browser, and then making adjustments for non-standard behaviour. I said this in a meeting last week to argue a point and my boss said who says?. I could have said me, but maybe that's not a good enough answer. Somewhere some years ago I read this, or heard someone at a conference or something and it got stuck in my head. Is this the way anyone works? Is it the best way to work? Does anyone know where I got this idea from? Book? Blog? A bit of googling this afternoon turned up not very much. Thanks, David *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- No virus found in this incoming message. Checked by AVG. Version: 7.5.524 / Virus Database: 270.6.14/1644 - Release Date: 31/08/2008 16:59 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] E649: The default scripting language must be specified for an intrinsic event:
Magento is great in practice, but I've found that the only big thing about it for my customers is the admin facilities. But for a designer it's a lot of hard work. I've seen some fantastic examples of what can be done with Magento and there have been some great features that use jQuery (by far the easiest javascript ever!). Now that Magento is completely released the main updates will come from people like us who will develop something for a client and share it with the community. If you'd like someone to bounce ideas around with please feel free to contact me off list. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of tee Sent: 31 August 2008 03:41 To: wsg@webstandardsgroup.org Subject: Re: [WSG] E649: The default scripting language must be specified for an intrinsic event: Hi Anthony, Thanks for the advice - I know all these by theory :) Problem is in reality there are limitation as to how much I can do or if I am capable of doing. I failed to mention, it's for Magento project, which inline scripting and prototype are heavily used. I'd been working on various Magento themes that I have made lots of effort to make the markup more semantically sounds, and stripped out all inline styles, but eliminating inline scripting and prototype (magento has written its own scripts that also rely on prototype script) isn't something that can be easily done even for a proficient js programmer - I guess it needs a full house of web developers. There were talk about developing jQuery extension for Magento in the Magento community, and that hopefully one day those who are favor for jQuery will have alternative choice - it dies immediately as nobody wants to make effort but expect someone else do it for them, for free. Can't blame them, it's just human nature. Anyway, I'd been learning jQuery for a while and have implemented a few jQuery features to my themes. Also, just now I was very please to see jQuery launches a new site. I am however, would like to hear from other members who have been working on Magento to give some feedback how/if they have made improvement on accessibility. tee On Aug 30, 2008, at 6:37 PM, Anthony wrote: First of all try to avoid in-line scripting. You could make great use of jquery, mootools or any other library. Make sure to provide an alternative method (buttons, links, etc) to make things accessible for javascript disabled browsers, screen readers, etc. Regards, Anthony. Sent from my iPhone! On 31/08/2008, at 10:06 AM, tee [EMAIL PROTECTED] wrote: I looked up the reference from W3C, but all I got is a blurry picture that makes my head spins. I added a meta tag: meta http-equiv=Content-Script-Type content=text/javascript No effect. Example of offenders. select id=select-language onchange=window.location.href=this.value li onmouseover=toggleMenu(this,1) onmouseout=toggleMenu(this, 0)/li So my question, what fatal effect it has for accessibility if I can't get rid of them? Thanks! tee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- No virus found in this incoming message. Checked by AVG. Version: 7.5.524 / Virus Database: 270.6.13/1642 - Release Date: 29/08/2008 18:12 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] how to use images and text in a menue
Have you got an example of what your wanting to achieve? -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Michael Horowitz Sent: 28 August 2008 19:52 To: wsg@webstandardsgroup.org Subject: [WSG] how to use images and text in a menue How would people suggest if I have a menu with an image on top and text underneath and I want both the text and the image as a link I'm thinking of making them link items and use css to move the image on top of the text. Does that sound semantically correct. lia href=#img src=images/home.png //a /li lia href=#HOME/a/li -- Michael Horowitz Your Computer Consultant http://yourcomputerconsultant.com 561-394-9079 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- No virus found in this incoming message. Checked by AVG. Version: 7.5.524 / Virus Database: 270.6.10/1638 - Release Date: 27/08/2008 19:06 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] How to move text near but not on the bottom of a div
Hi Michael,
Try this,
#header{
margin:0px;
padding:0px;
width: 100%;
height: 73px;
background-image:url(../images/header4.jpg);
}
#header img{
float: left;
}
#header ul li{
float:right;
font-size:10px;
}
#header ul li a {
text-decoration:none;
color:#4d4325;
line-height: 14px;
margin:0px;
padding:0px;
}
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Michael Horowitz
Sent: 31 July 2008 16:50
To: wsg@webstandardsgroup.org
Subject: [WSG] How to move text near but not on the bottom of a div
I have a menu list of items at horowitzfamily.net. In Dreamweaver they
line up near the bottom of my header div but in browsers IE, Firefox,
Opera and Safari they end up on the top.
I thought I might us line-height to move them (as that worked on my side
menu list but got inconsistent results accross browsers. Any
suggestions on how to best choose a location of a menu like this
#header{
margin:0px;
padding:0px;
width: 100%;
height: 73px;
background-image:url(../images/header4.jpg);
}
#header img{
float: left;
}
#header ul li{
float:right;
font-size:10px;
/*line-height: 14px;*/
margin:0px;
padding:0px;
}
#header ul a {
text-decoration:none;
color:#4d4325;
}
Thanks
--
Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com
561-394-9079
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
No virus found in this incoming message.
Checked by AVG.
Version: 7.5.524 / Virus Database: 270.5.7/1580 - Release Date: 29/07/2008
17:26
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] Making an image come right up to a list
Try this,
#mainNav ul {
Padding: 0;
Margin: 0;
}
That may help, don't know why but I've had to do that a few times with
nested lists.
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Michael Horowitz
Sent: 30 July 2008 20:06
To: wsg@webstandardsgroup.org
Subject: [WSG] Making an image come right up to a list
I have a div within that div I have a menu set as a ul followed right
underneath by an image. Currently there is unwanted space between the
list elements and the image. There doesn't seem to be any padding or
margins that would cause this.
I am including my current css for this div
#mainNav{
padding-left: 10px;
padding-right: 10px;
height: 600px;
width: 230px;
float: left;
font-size:8px;
}
#mainNav ul a {
margin:0;
padding:0;
display:block;
line-height:45px;
text-decoration:none;
color:#00;
background:url(../images/button3.jpg);
text-indent:35px;
left center;
}
#mainNav img {
float: right;
}
--
Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com
561-394-9079
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
No virus found in this incoming message.
Checked by AVG.
Version: 7.5.524 / Virus Database: 270.5.7/1580 - Release Date: 29/07/2008
17:26
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] Aligning a menu to the bottom of a div
Hi Micheal, if you change the containing DIV to a em based height then
adding a em value to the margin-top selector in your css would ensure it
stays at the bottom even if the page is resized. Nice easy solution and
makes it accessible in all browsers then.
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Michael Horowitz
Sent: 29 July 2008 22:56
To: wsg@webstandardsgroup.org
Subject: [WSG] Aligning a menu to the bottom of a div
I have a horizontal menu in my header div and I would like it to be
aligned at the bottom of my div instead of the top. I've used
vertical-align: bottom but that isn't working
#header ul li{
float:right;
font-size:10px;
height: 80px;
vertical-align: bottom;
}
A 2nd question originally put my height in the header element but when I
added the #header ul li I found it stopped working so I moved it there.
I would love any ideas why I needed to do that.
--
Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com
561-394-9079
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
No virus found in this incoming message.
Checked by AVG.
Version: 7.5.524 / Virus Database: 270.5.6/1577 - Release Date: 28/07/2008
06:55
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] Aligning a menu to the bottom of a div
I'm not expert either but to make an expandable/retractable design using
em's instead of pixel will make each element resize in relation to each
other. i.e.
#header ul li{
float:right;
font-size:1ems;
height: 6ems;
margin-top: 0.5ems;
}
If you use that kind of method then it will resize very nicely. I haven't
managed to work out a pixel to ems calculator although I know there are some
sites out there with some really useful guides. I'm still slaved to
Dreamweaver so I design the work and ems by sight until it looks right, then
I test it against the browsers, not an exact science sadly. I'll see if I
can dig up the reference sites I've used in the past.
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Michael Horowitz
Sent: 29 July 2008 23:46
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Aligning a menu to the bottom of a div
If I wanted to replace my pixels with em's what would I do? I've seen
some discussion of them but aren't an expert. I did a fix with margin
that did work
Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com
561-394-9079
Essential eBiz Solutions Ltd wrote:
Hi Micheal, if you change the containing DIV to a em based height then
adding a em value to the margin-top selector in your css would ensure it
stays at the bottom even if the page is resized. Nice easy solution and
makes it accessible in all browsers then.
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Michael Horowitz
Sent: 29 July 2008 22:56
To: wsg@webstandardsgroup.org
Subject: [WSG] Aligning a menu to the bottom of a div
I have a horizontal menu in my header div and I would like it to be
aligned at the bottom of my div instead of the top. I've used
vertical-align: bottom but that isn't working
#header ul li{
float:right;
font-size:10px;
height: 80px;
vertical-align: bottom;
}
A 2nd question originally put my height in the header element but when I
added the #header ul li I found it stopped working so I moved it there.
I would love any ideas why I needed to do that.
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
No virus found in this incoming message.
Checked by AVG.
Version: 7.5.524 / Virus Database: 270.5.6/1577 - Release Date: 28/07/2008
06:55
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] Aligning a menu to the bottom of a div
That's a great resource, I image the node would be any div or relative item
contained within the div.
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Barry
Sent: 30 July 2008 00:41
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Aligning a menu to the bottom of a div
Hi, if you want to replace pixels with ems the easiest and quickest way is
to use the em calculator, you can find it here http://riddle.pl/emcalc/ if
you are not already aware of it.
Hope this helps
If I wanted to replace my pixels with em's what would I do? I've seen
some discussion of them but aren't an expert. I did a fix with margin
that did work
Michael Horowitz
Your Computer Consultant
http://yourcomputerconsultant.com
561-394-9079
Essential eBiz Solutions Ltd wrote:
Hi Micheal, if you change the containing DIV to a em based height then
adding a em value to the margin-top selector in your css would ensure it
stays at the bottom even if the page is resized. Nice easy solution and
makes it accessible in all browsers then.
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Michael Horowitz
Sent: 29 July 2008 22:56
To: wsg@webstandardsgroup.org
Subject: [WSG] Aligning a menu to the bottom of a div
I have a horizontal menu in my header div and I would like it to be
aligned at the bottom of my div instead of the top. I've used
vertical-align: bottom but that isn't working
#header ul li{
float:right;
font-size:10px;
height: 80px;
vertical-align: bottom;
}
A 2nd question originally put my height in the header element but when I
added the #header ul li I found it stopped working so I moved it there.
I would love any ideas why I needed to do that.
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
Barry Wardrop
redRoute Creative
t: +44 01502506832
w: www.redroutecreative.co.uk
e: [EMAIL PROTECTED]
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
No virus found in this incoming message.
Checked by AVG.
Version: 7.5.524 / Virus Database: 270.5.6/1577 - Release Date: 28/07/2008
06:55
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] Firefox 3 and fieldset elements
I would generally avoid a fieldset for navigation item's. If you can accomplish the effect you want with div's then use your div's. The main time a fieldset is used is to hold form element's. This is from the W3C site http://www.w3.org/TR/WCAG10-HTML-TECHS/ The following HTML 4.01 mechanisms group content and make it easier to understand.: * Use FIELDSET to group form controls into semantic units and describe the group with the LEGEND element. * Use OPTGROUP to organize long lists of menu options into smaller groups.. * Use tables for tabular data and describe the table with CAPTION. * Group table rows and columns with THEAD, TBODY, TFOOT, and COLGROUP. * Nest lists with UL, OL, and DL. * Use section headings (H1 - H6) to create structured documents and break up long stretches of text. Refer to the following section for more information. * Break up lines of text into paragraphs (with the P element). * Group related links. Refer to the section Grouping and bypassing links All of these grouping mechanisms should be used when appropriate and natural, i.e., when the information lends itself to logical groups. Content developers should not create groups randomly, as this will confuse all users. Your list is using the ul and li selector's which the fieldset element is not designed to work with -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Adam Cooper Sent: 30 July 2008 02:35 To: wsg@webstandardsgroup.org Subject: [WSG] Firefox 3 and fieldset elements Hi all, Just wondering if anyone can shed some light on this - I have a relatively positioned element with a nav element inside this. * The relatively positioned element has a 4em top margin and 40px top padding. * The nav element is positioned absolutely (top 0; right 25px) with a negative top margin the same as it's height (3em). If the relatively positioned element is a div, this displays fine in Safari 3, FF3 and Opera 9.5. However, if I change this element to a fieldset, it breaks under FF3. http://www.perkler.com/ff3_problem/div.html http://www.perkler.com/ff3_problem/fieldset.html To make matters worse, Firebug reports no difference in the computed styles between the div and fieldset elements. In fact, when using Firebug to highlight the navigation element, it shows a ghost element where the navigation should be. The problem is the same whether the page is served as text/html or application/xml+xhtml. Cheers, Adam *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- No virus found in this incoming message. Checked by AVG. Version: 7.5.524 / Virus Database: 270.5.6/1577 - Release Date: 28/07/2008 06:55 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Vertical Scrolling
I'm still working on a tight layout for a soon to end client. I'm trying to write a price list page for them, but the height of the page is fixed to 550px, and for the life of me I can't think of how to make the DIV scroll without having a vertical scroll bar and for it to still work in IE6, 7 and FireFox without dirty hacks. If anyone can help that will be brilliant as I want the user to experience the site the same no matter what browser they are using. Thanks Mat www.i-matto.co.uk http://www.i-matto.co.uk/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Vertical Scrolling
Hi Darren, Just realised my error, I want to use a vertical scroll bar but not have the horizontal one showing. I've uploaded an example of the page as it is now, but all the text hide's because of the fixed height, I've tried to have my client allow me to expand the height from 550 to 100% but it's a no go. Example is at url www.essentialebizsolutions.net/client/human/example.gif Many thanks -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Darren Lovelock Sent: 25 July 2008 13:07 To: wsg@webstandardsgroup.org Subject: RE: [WSG] Vertical Scrolling Hi Mat, Can you show us an example? Not really sure how you would want it to scroll without a vertical scrollbar, unless you want it to scroll horizontally? To create another method of scrolling I would presume that you will have to use javascript. I'm thinking though that the simplest idea would be to not limit the page height to 550px. Seems very small to me! Cheers, Darren Lovelock Munky Online Web Design http://www.munkyonline.co.uk http://www.munkyonline.co.uk/ T: +44 (0)20-8816-8893 From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Essential eBiz Solutions Ltd Sent: 25 July 2008 12:11 To: wsg@webstandardsgroup.org Subject: [WSG] Vertical Scrolling I'm still working on a tight layout for a soon to end client. I'm trying to write a price list page for them, but the height of the page is fixed to 550px, and for the life of me I can't think of how to make the DIV scroll without having a vertical scroll bar and for it to still work in IE6, 7 and FireFox without dirty hacks. If anyone can help that will be brilliant as I want the user to experience the site the same no matter what browser they are using. Thanks Mat www.i-matto.co.uk http://www.i-matto.co.uk/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Vertical Scrolling
When I do that the horizontal scroll bar shows aswell -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Piotr Zalewa Sent: 25 July 2008 13:43 To: wsg@webstandardsgroup.org Subject: Re: [WSG] Vertical Scrolling Hi Just add to the style of the div containing the content to scroll overflow: auto; On Fri, 2008-07-25 at 12:10 +0100, Essential eBiz Solutions Ltd wrote: I'm still working on a tight layout for a soon to end client. I'm trying to write a price list page for them, but the height of the page is fixed to 550px, and for the life of me I can't think of how to make the DIV scroll without having a vertical scroll bar and for it to still work in IE6, 7 and FireFox without dirty hacks. If anyone can help that will be brilliant as I want the user to experience the site the same no matter what browser they are using. Thanks Mat www.i-matto.co.uk Piotr Zalewa -- Web Developer http://webdev.zalewa.info *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- No virus found in this incoming message. Checked by AVG. Version: 7.5.524 / Virus Database: 270.5.6/1572 - Release Date: 25/07/2008 06:51 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Vertical Scrolling
That's what I was tying to find last night, Is there a way to make it so the scroll bar only show if the content requires more space than what the box allows? -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Darren Lovelock Sent: 25 July 2008 14:41 To: wsg@webstandardsgroup.org Subject: RE: [WSG] Vertical Scrolling Mat, Ah I see! Have you tried adding in something like: overflow-y: scroll; overflow-x: hidden; to your CSS? Darren -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Essential eBiz Solutions Ltd Sent: 25 July 2008 13:39 To: wsg@webstandardsgroup.org Subject: RE: [WSG] Vertical Scrolling Hi Darren, Just realised my error, I want to use a vertical scroll bar but not have the horizontal one showing. I've uploaded an example of the page as it is now, but all the text hide's because of the fixed height, I've tried to have my client allow me to expand the height from 550 to 100% but it's a no go. Example is at url www.essentialebizsolutions.net/client/human/example.gif Many thanks -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Darren Lovelock Sent: 25 July 2008 13:07 To: wsg@webstandardsgroup.org Subject: RE: [WSG] Vertical Scrolling Hi Mat, Can you show us an example? Not really sure how you would want it to scroll without a vertical scrollbar, unless you want it to scroll horizontally? To create another method of scrolling I would presume that you will have to use javascript. I'm thinking though that the simplest idea would be to not limit the page height to 550px. Seems very small to me! Cheers, Darren Lovelock Munky Online Web Design http://www.munkyonline.co.uk http://www.munkyonline.co.uk/ T: +44 (0)20-8816-8893 From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Essential eBiz Solutions Ltd Sent: 25 July 2008 12:11 To: wsg@webstandardsgroup.org Subject: [WSG] Vertical Scrolling I'm still working on a tight layout for a soon to end client. I'm trying to write a price list page for them, but the height of the page is fixed to 550px, and for the life of me I can't think of how to make the DIV scroll without having a vertical scroll bar and for it to still work in IE6, 7 and FireFox without dirty hacks. If anyone can help that will be brilliant as I want the user to experience the site the same no matter what browser they are using. Thanks Mat www.i-matto.co.uk http://www.i-matto.co.uk/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- No virus found in this incoming message. Checked by AVG. Version: 7.5.524 / Virus Database: 270.5.6/1572 - Release Date: 25/07/2008 06:51 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Vertical Scrolling
Thanks for that Darren, works perfectly without any ugly hacks, and it passes w3c. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Darren Lovelock Sent: 25 July 2008 15:52 To: wsg@webstandardsgroup.org Subject: RE: [WSG] Vertical Scrolling Yes I believe if you change the css to auto it will only show the scroll if it's required. So.. overflow-y: auto; overflow-x: hidden; In theory it should work. Cheers, Darren -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Essential eBiz Solutions Ltd Sent: 25 July 2008 15:17 To: wsg@webstandardsgroup.org Subject: RE: [WSG] Vertical Scrolling That's what I was tying to find last night, Is there a way to make it so the scroll bar only show if the content requires more space than what the box allows? -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Darren Lovelock Sent: 25 July 2008 14:41 To: wsg@webstandardsgroup.org Subject: RE: [WSG] Vertical Scrolling Mat, Ah I see! Have you tried adding in something like: overflow-y: scroll; overflow-x: hidden; to your CSS? Darren -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Essential eBiz Solutions Ltd Sent: 25 July 2008 13:39 To: wsg@webstandardsgroup.org Subject: RE: [WSG] Vertical Scrolling Hi Darren, Just realised my error, I want to use a vertical scroll bar but not have the horizontal one showing. I've uploaded an example of the page as it is now, but all the text hide's because of the fixed height, I've tried to have my client allow me to expand the height from 550 to 100% but it's a no go. Example is at url www.essentialebizsolutions.net/client/human/example.gif Many thanks -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Darren Lovelock Sent: 25 July 2008 13:07 To: wsg@webstandardsgroup.org Subject: RE: [WSG] Vertical Scrolling Hi Mat, Can you show us an example? Not really sure how you would want it to scroll without a vertical scrollbar, unless you want it to scroll horizontally? To create another method of scrolling I would presume that you will have to use javascript. I'm thinking though that the simplest idea would be to not limit the page height to 550px. Seems very small to me! Cheers, Darren Lovelock Munky Online Web Design http://www.munkyonline.co.uk http://www.munkyonline.co.uk/ T: +44 (0)20-8816-8893 From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Essential eBiz Solutions Ltd Sent: 25 July 2008 12:11 To: wsg@webstandardsgroup.org Subject: [WSG] Vertical Scrolling I'm still working on a tight layout for a soon to end client. I'm trying to write a price list page for them, but the height of the page is fixed to 550px, and for the life of me I can't think of how to make the DIV scroll without having a vertical scroll bar and for it to still work in IE6, 7 and FireFox without dirty hacks. If anyone can help that will be brilliant as I want the user to experience the site the same no matter what browser they are using. Thanks Mat www.i-matto.co.uk http://www.i-matto.co.uk/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- No virus found in this incoming message. Checked by AVG. Version: 7.5.524 / Virus Database: 270.5.6/1572 - Release Date: 25/07/2008 06:51 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe
RE: [WSG] Vertical Scrolling
Hi Darren, Would you be able to send that info again for me, would be really appreciated, and thanks again for the info on the scrolling -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Darren Lovelock Sent: 25 July 2008 16:19 To: wsg@webstandardsgroup.org Subject: RE: [WSG] Vertical Scrolling No problem, glad I could help :) BTW, I sent you a message about your blog (www.i-matto.co.uk) through your company's website contact form. (Couldn't find a way of contacting you on the blog) There was some error coming up that I thought you should know about! Cheers, Darren -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Essential eBiz Solutions Ltd Sent: 25 July 2008 16:04 To: wsg@webstandardsgroup.org Subject: RE: [WSG] Vertical Scrolling Thanks for that Darren, works perfectly without any ugly hacks, and it passes w3c. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Darren Lovelock Sent: 25 July 2008 15:52 To: wsg@webstandardsgroup.org Subject: RE: [WSG] Vertical Scrolling Yes I believe if you change the css to auto it will only show the scroll if it's required. So.. overflow-y: auto; overflow-x: hidden; In theory it should work. Cheers, Darren -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Essential eBiz Solutions Ltd Sent: 25 July 2008 15:17 To: wsg@webstandardsgroup.org Subject: RE: [WSG] Vertical Scrolling That's what I was tying to find last night, Is there a way to make it so the scroll bar only show if the content requires more space than what the box allows? -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Darren Lovelock Sent: 25 July 2008 14:41 To: wsg@webstandardsgroup.org Subject: RE: [WSG] Vertical Scrolling Mat, Ah I see! Have you tried adding in something like: overflow-y: scroll; overflow-x: hidden; to your CSS? Darren -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Essential eBiz Solutions Ltd Sent: 25 July 2008 13:39 To: wsg@webstandardsgroup.org Subject: RE: [WSG] Vertical Scrolling Hi Darren, Just realised my error, I want to use a vertical scroll bar but not have the horizontal one showing. I've uploaded an example of the page as it is now, but all the text hide's because of the fixed height, I've tried to have my client allow me to expand the height from 550 to 100% but it's a no go. Example is at url www.essentialebizsolutions.net/client/human/example.gif Many thanks -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Darren Lovelock Sent: 25 July 2008 13:07 To: wsg@webstandardsgroup.org Subject: RE: [WSG] Vertical Scrolling Hi Mat, Can you show us an example? Not really sure how you would want it to scroll without a vertical scrollbar, unless you want it to scroll horizontally? To create another method of scrolling I would presume that you will have to use javascript. I'm thinking though that the simplest idea would be to not limit the page height to 550px. Seems very small to me! Cheers, Darren Lovelock Munky Online Web Design http://www.munkyonline.co.uk http://www.munkyonline.co.uk/ T: +44 (0)20-8816-8893 From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Essential eBiz Solutions Ltd Sent: 25 July 2008 12:11 To: wsg@webstandardsgroup.org Subject: [WSG] Vertical Scrolling I'm still working on a tight layout for a soon to end client. I'm trying to write a price list page for them, but the height of the page is fixed to 550px, and for the life of me I can't think of how to make the DIV scroll without having a vertical scroll bar and for it to still work in IE6, 7 and FireFox without dirty hacks. If anyone can help that will be brilliant as I want the user to experience the site the same no matter what browser they are using. Thanks Mat www.i-matto.co.uk http://www.i-matto.co.uk/ *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED
RE: [WSG] Vertical Scrolling
Hi Darren, Thank you for that, I did have 6 comments that were pending for a week while I was aware so it maybe those, I double checked all my comments and definitely going to upgrade to the new wordpress release. Thanks for the heads up. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Darren Lovelock Sent: 25 July 2008 19:13 To: wsg@webstandardsgroup.org Subject: RE: [WSG] Vertical Scrolling Sure, no problem. I'm using FF3 and this message comes up: Reported Attack Site! This web site at www.i-matto.co.uk has been reported as an attack site and has been blocked based on your security preferences. Attack sites try to install programs that steal private information, use your computer to attack others, or damage your system. Some attack sites intentionally distribute harmful software, but many are compromised without the knowledge or permission of their owners. Then is gives you two buttons - one is 'get me out of here' and the other is 'why was this site blocked?' which leads to this page: http://safebrowsing.clients.google.com/safebrowsing/diagnostic?client=Firefo xhl=en-GBsite=http://www.i-matto.co.uk/ So I would check your hosting to make sure everything is ok! Looks like it could have been hijacked or if not my FF is going crazy! You may have to upgrade your blog software. Regards, Darren -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Essential eBiz Solutions Ltd Sent: 25 July 2008 18:33 To: wsg@webstandardsgroup.org Subject: RE: [WSG] Vertical Scrolling Hi Darren, Would you be able to send that info again for me, would be really appreciated, and thanks again for the info on the scrolling -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Darren Lovelock Sent: 25 July 2008 16:19 To: wsg@webstandardsgroup.org Subject: RE: [WSG] Vertical Scrolling No problem, glad I could help :) BTW, I sent you a message about your blog (www.i-matto.co.uk) through your company's website contact form. (Couldn't find a way of contacting you on the blog) There was some error coming up that I thought you should know about! Cheers, Darren -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Essential eBiz Solutions Ltd Sent: 25 July 2008 16:04 To: wsg@webstandardsgroup.org Subject: RE: [WSG] Vertical Scrolling Thanks for that Darren, works perfectly without any ugly hacks, and it passes w3c. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Darren Lovelock Sent: 25 July 2008 15:52 To: wsg@webstandardsgroup.org Subject: RE: [WSG] Vertical Scrolling Yes I believe if you change the css to auto it will only show the scroll if it's required. So.. overflow-y: auto; overflow-x: hidden; In theory it should work. Cheers, Darren -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Essential eBiz Solutions Ltd Sent: 25 July 2008 15:17 To: wsg@webstandardsgroup.org Subject: RE: [WSG] Vertical Scrolling That's what I was tying to find last night, Is there a way to make it so the scroll bar only show if the content requires more space than what the box allows? -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Darren Lovelock Sent: 25 July 2008 14:41 To: wsg@webstandardsgroup.org Subject: RE: [WSG] Vertical Scrolling Mat, Ah I see! Have you tried adding in something like: overflow-y: scroll; overflow-x: hidden; to your CSS? Darren -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Essential eBiz Solutions Ltd Sent: 25 July 2008 13:39 To: wsg@webstandardsgroup.org Subject: RE: [WSG] Vertical Scrolling Hi Darren, Just realised my error, I want to use a vertical scroll bar but not have the horizontal one showing. I've uploaded an example of the page as it is now, but all the text hide's because of the fixed height, I've tried to have my client allow me to expand the height from 550 to 100% but it's a no go. Example is at url www.essentialebizsolutions.net/client/human/example.gif Many thanks -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Darren Lovelock Sent: 25 July 2008 13:07 To: wsg@webstandardsgroup.org Subject: RE: [WSG] Vertical Scrolling Hi Mat, Can you show us an example? Not really sure how you would want it to scroll without a vertical scrollbar, unless you want it to scroll horizontally? To create another method of scrolling I would presume that you will have to use javascript. I'm thinking though that the simplest idea would be to not limit the page height to 550px. Seems very small to me! Cheers, Darren Lovelock Munky Online Web Design http://www.munkyonline.co.uk http://www.munkyonline.co.uk/ T: +44 (0)20-8816-8893 From: [EMAIL
RE: [WSG] Select for menus
As far as I am aware the select option on a drop down list use's Javascript to make it into a jump menu. If you want to cater to the wider audience I would say using ul and CSS would be a much better option. Maybe have the jump menu but have the javascript de-grade if a users haven't got it and show a drop down menu with CSS? Just an idea. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Rochester oliveira Sent: 22 July 2008 19:46 To: wsg@webstandardsgroup.org Subject: [WSG] Select for menus Hi, I'm working on a job for a Brazilian university, and we should put on the page a menu with links for others government websites. See an example : http://www.radiobras.gov.br/estatico/ the yellow bar in the top have a select menu. Should I use ul or follow the other sites and use the select? -- []'s - Rochester Oliveira Web Designer Itajubá - MG - Brasil *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- No virus found in this incoming message. Checked by AVG. Version: 7.5.524 / Virus Database: 270.5.4/1566 - Release Date: 22/07/2008 06:00 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Iamge Gallery CSS help
Hi All,
I've got a design issue. I need to have a page that show's 4
galleries. I've already written the gallery script that I'll be using with
requires and includes, but I need to copy a flash design for the gallery
holder. I need to place 4 divs in the same area and when one is selected
have it expand to show that gallery. I've been playing with the CSS but
having trouble with getting it to recognise which DIV is active, I may need
some JavaScript, but I have no knowledge of it.
My CSS so far is
div.gal_holder {
width: 400px;
height: 300px;
position: relative;
float: left}
div.gal_holder a {
display: none;
}
div.gal_holder a:hover {
display: block;
z-index: 99;
}
div.gal_holder a:active {
display: block;
z-index: 99;
}
An ideas would be great.
Many Thanks
Disclaimer : This email and its attachments may be confidential and are
intended solely for the use of the individual to whom it is addressed. Any
views or opinions expressed are solely those of the author and do not
necessarily represent those of Essential eBiz Solutions Ltd. If you are not
the intended recipient of this email and its attachments then please contact
the sender if you believe you have received this email in error.
Essential eBiz Solutions Ltd, Registered in England and Wales Company
Registration No: 57200784. Registered Office: 92, Stanton Road, Meir,
Stoke-on-Trent, Staffordshire, ST3 6DF.
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] Iamge Gallery CSS help
Yeah, mine's a little bit of both to be fair, If the div's are shown wrong
then when the CSS is switched off it could be messy, I don't want to use
flash as the target is 11 - 16 year olds on school pc's so big chance of IE6
showing it's ugly head. Just looking for an accessible and compliant way to
show it with a little flair.
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Adam Martin
Sent: 09 July 2008 00:46
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] Iamge Gallery CSS help
I feel that this list is turning into a please help me without any regard to
whether it is a web standards issue or not.
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Essential eBiz Solutions Ltd
Sent: Wednesday, 9 July 2008 9:35 AM
To: wsg@webstandardsgroup.org
Subject: [WSG] Iamge Gallery CSS help
Hi All,
I've got a design issue. I need to have a page that show's 4
galleries. I've already written the gallery script that I'll be using with
requires and includes, but I need to copy a flash design for the gallery
holder. I need to place 4 divs in the same area and when one is selected
have it expand to show that gallery. I've been playing with the CSS but
having trouble with getting it to recognise which DIV is active, I may need
some JavaScript, but I have no knowledge of it.
My CSS so far is
div.gal_holder {
width: 400px;
height: 300px;
position: relative;
float: left}
div.gal_holder a {
display: none;
}
div.gal_holder a:hover {
display: block;
z-index: 99;
}
div.gal_holder a:active {
display: block;
z-index: 99;
}
An ideas would be great.
Many Thanks
Disclaimer : This email and its attachments may be confidential and are
intended solely for the use of the individual to whom it is addressed. Any
views or opinions expressed are solely those of the author and do not
necessarily represent those of Essential eBiz Solutions Ltd. If you are not
the intended recipient of this email and its attachments then please contact
the sender if you believe you have received this email in error.
Essential eBiz Solutions Ltd, Registered in England and Wales Company
Registration No: 57200784. Registered Office: 92, Stanton Road, Meir,
Stoke-on-Trent, Staffordshire, ST3 6DF.
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] Nowrap for floats
From what I can see there it's because of the image you are using.
Try
.float1, .float2, .float{
float:left;
}
.float1 img {
height: 20px;
width: 20px;
float: left;
}
_
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of akella
Sent: 05 July 2008 11:38
To: wsg@webstandardsgroup.org
Subject: [WSG] Nowrap for floats
Hi list! Got a CSS question, it's now two days in my head.
Here is my HTML, just to be abstract:
div class=float
div class=float1/div
div class=float2Some random text/div
/div
and smth like this in CSS:
.float1, .float2, .float{float:left}
My problem is that i need .float1-2 to be on the same line.
Here is how it should look like: http://cssing.org.ua/a/2.png
But it breaks like this: http://cssing.org.ua/a/1.png
(the text and the green block are two floats, the block itself is a float)
So i need something like nowrap-for-floats.
I solved this problem for Safari, FF, Opera by:
.float{display:table}
.float1, .float2{display:table-cell}
But that doesn't work in IE. May be someone got such an experience? Fancy
ie-expression? i would highly appreciate any ideas on this subject.
Thanx in advance!
regards,
Yuriy akella Artyukh,
http://cssing.org.ua
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] flash navigation - Devils advocate
If you want to use a flash based navigation system and you are using swf object then I would use the no script area to include a CSS based navigation system for non-flash users. This way it can be searched by Google etc and be user accessible. i.e. div id=flash_navigation ul id=navigation lia href=link.htmlLink/a/li /ul /div script type=text/javascript // ![CDATA[ var so = new SWFObject(bin/navigation.swf, navigation, 300, 50, 8, #00); so.addParam(scale, noscale); so.addParam(quality, high); so.addParam(wmode, transparent); so.addParam(movie,navigation); so.write(flash_navigation); // ]] /script -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of kevin mcmonagle Sent: 25 June 2008 00:36 To: wsg@webstandardsgroup.org Subject: [WSG] flash navigation - Devils advocate Using swf object 2.0 embeded swfs as an xhtml sites primary navigation - what are the liabilities? -kevin *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- No virus found in this incoming message. Checked by AVG. Version: 7.5.524 / Virus Database: 270.4.1/1514 - Release Date: 23/06/2008 07:17 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] HTML special characters coding
Hi Kevin, I use the amp;? Code purely because not all browser's can read on it's own as this tells the browser to expect a special character, which in turn leads to a more user friendly experience. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of kevin_erickson Sent: 17 June 2008 21:55 To: wsg@webstandardsgroup.org Subject: [WSG] HTML special characters coding Hello, I am looking for advice on if the best way to code for special characters is to use the actual character or the attribute value or the alt code? i.e. for the ampersand should one use or amp;? Does it matter? I know that Dreamweaver automates some of this but what is the best practice? Thank you kevin *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- No virus found in this incoming message. Checked by AVG. Version: 7.5.524 / Virus Database: 270.3.0/1505 - Release Date: 16/06/2008 07:20 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] transparency, png IE6 ??
Even that site resource advise's to use the htc approach. I use this on a
number of website and it works really well. I attach it to a style sheet for
IE6 or below that way my CSS still passes validation.
http://bjorkoy.com/past/2007/4/8/the_easiest_way_to_png/
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Jens-Uwe Korff
Sent: 17 June 2008 00:50
To: wsg@webstandardsgroup.org
Subject: RE: [WSG] transparency, png IE6 ??
Does anyone have a clever full functional solution for this
transparency crap to make work ?
I know it's a rather old thread but I just came across a nice solution
which does not even need an iepngfix.htc Javascript.
One template I work on required a semitransparent background. I have it
working nicely cross-browser (FF, IE6, IE7) with the following:
CSS:
.className {background:transparent url('img/707070_90pc.png') repeat 0
0} /* The 'pc' indicates the opacity, 90% here */
* html .className
{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoad
er(enabled=true, sizingMethod=scale,
src='css/skin-travel/img/707070_90pc.png')}
The first line if for standards-compliant browsers, the second one for
IE6 only.
Image:
You'll also need the PNG image. Here's the magic: Usually a PNG image
used with the proprietary filter overlays any links and renders them
unclickable. But I found a website [1] which offers a fix: You have to
use a certain image size, then IE6 allows clickable links.
So I made the PNG just 10x2 pixels (wXh).
That's it. The site's not live yet, so I cannot offer a link.
Cheers,
Jens
[1] http://www.daltonlp.com/view/217
The information contained in this e-mail message and any accompanying files
is or may be confidential. If you are not the intended recipient, any use,
dissemination, reliance, forwarding, printing or copying of this e-mail or
any attached files is unauthorised. This e-mail is subject to copyright. No
part of it should be reproduced, adapted or communicated without the written
consent of the copyright owner. If you have received this e-mail in error
please advise the sender immediately by return e-mail or telephone and
delete all copies. Fairfax does not guarantee the accuracy or completeness
of any information contained in this e-mail or attached files. Internet
communications are not secure, therefore Fairfax does not accept legal
responsibility for the contents of this message or attached files.
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
No virus found in this incoming message.
Checked by AVG.
Version: 7.5.524 / Virus Database: 270.3.0/1504 - Release Date: 15/06/2008
17:52
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: [WSG] Embed a flash file 100%
Hi Laert,
Try this
div id=flashcontent
strongYou need to upgrade your Flash Player/strong
This is replaced by the Flash content.
Place your alternate content here and users without the Flash
plugin or with
Javascript turned off will see this. Content here allows you
to leave out codenoscript/code
tags. Include a link to a
href=fullpage.html?detectflash=falsebypass the detection/a if you wish.
/div
script type=text/javascript
// ![CDATA[
var so = new SWFObject(main.swf, main, 100%, 100%,
8, #ff);
so.addVariable(flashVarText, this is passed in via
FlashVars for example only);
so.addParam(scale, scale);
so.addParam(quality, high);
so.addParam(wmode, transparent);
so.write(flashcontent);
// ]]
/script
_
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Laert Jansen
Sent: 13 May 2008 02:58
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Embed a flash file 100%
I´ve already set the height to 100%. The flash file is 778 x 560 px
I can´t find out why that white area is showing on the top.
On Mon, May 12, 2008 at 3:18 PM, Michael Persson [EMAIL PROTECTED] wrote:
Hi Laert,
I suggest you make it higher in order to fit 1024 768 screen in order to
eliminate the gap... im not a flash expert but I have published many sites
that are full size...
im using this, might make a difference
html, body {
height: 100%;
font-family:verdana;
}
michael
:) thanks
On Mon, May 12, 2008 at 2:09 PM, James Jeffery
[EMAIL PROTECTED] wrote:
I had a quick peek but im having problems with this browser at college
so
i can't help until i get home
Nice site btw.
On Mon, May 12, 2008 at 5:49 PM, Laert Jansen [EMAIL PROTECTED]
wrote:
Hey, thanks a lot. Here´s what I´m working on
http://www.laertjansen.com/zecafreitas/
Would you mind to take a look? :) I have a problem. The flash is the
black portion only and it should be at the top...I mean, there should
not
exist that white area.any ideia of what am I doing wrong?
thanks a lot
On Sat, May 10, 2008 at 4:11 PM, James Jeffery
[EMAIL PROTECTED] wrote:
SWFObject is currently the best way to go about embedding flash.
On Sat, May 10, 2008 at 7:28 PM, Michael Persson [EMAIL PROTECTED]
wrote:
Hi Laert,
have a look at www.staff-jeans.com where I have a full flash site
wit ha
full flash independent on the screen size...
Michael
Hello everyone.
well, I´d like to know what´s the right way to embed a flash
file
into the
html without tables. The flash file is 100% width and height.
Thanks a lot
Laert
--
Laert Jansen
www.laertjansen.com
***
List Guidelines:
http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
Laert Jansen
www.laertjansen.com
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
Laert Jansen
www.laertjansen.com
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: R: [WSG] Firefox skips dropdown and multi-select list with tabbing (?)
Just tabbed through the whole checkout forms in FireFox without any problems
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of tee
Sent: 04 May 2008 23:35
To: wsg@webstandardsgroup.org
Subject: Re: R: [WSG] Firefox skips dropdown and multi-select list with
tabbing (?)
On May 4, 2008, at 7:52 AM, Diego La Monica wrote:
Hi tee,
can you provide an (un)working example?
Here you are,
http://74.52.59.43/index.php
You need to add a product, then either use 'get a quote' (simple form)
or go ahead with 'proceed to checkout', then select 'checkout as
guest', continue, so that it brings you to step2, Billing information,
where you can have a better tabbing starts from First Name field.
Safari picks up the dropdown list from State/Province and Country. As
for for the Multi-select field that I menationed also not working, the
working example is in the admin, therefor I can't show you.
Just few minutes ago I wake up from my dream that maybe I was missing
the 'option:focus' - though I never remembering see it before, I added
it anyway. No luck!
input:focus, select:focus, textarea:focus, option:focus {
background: #ced5e1;color:#333;}
My suspicion are
1) The Prototype accordion or the script that pulls the States and
Countries' value is causing it, but I kind of rule it out.
2) Some input fields (Name, Email, Addresses) are showing light yellow
background color. Is this the default of Firefox or a Developer
toolbar plugin doing the trick? And somehow cripples the tab focus on
select.
Didn't test them from IE and Opera yet as I don't remember they have
tab feature.
tee
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
No virus found in this incoming message.
Checked by AVG.
Version: 7.5.524 / Virus Database: 269.23.8/1413 - Release Date: 03/05/2008
11:22
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
RE: R: [WSG] Firefox skips dropdown and multi-select list with tabbing (?)
I would say it's the mac that's causing your problems. I'm running XP Pro with Mozilla/5.0 (Windows; U; Windows NT 5.1; en-GB; rv:1.8.1.14) Gecko/20080404 Firefox/2.0.0.14 Good to see Magneto being put to good use. Still rebuilding my server to take it with it's new approach to the database connecton. -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of tee Sent: 05 May 2008 00:11 To: wsg@webstandardsgroup.org Subject: Re: R: [WSG] Firefox skips dropdown and multi-select list with tabbing (?) On May 4, 2008, at 4:00 PM, Essential eBiz Solutions Ltd wrote: Just tabbed through the whole checkout forms in FireFox without any problems This is VERY ODD!!! What version of FF /platform do you use? I am on Mac, FF v2.0.0.14. I wish I can capture the tabbing in action so that I can show you :( tee *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] *** -- No virus found in this incoming message. Checked by AVG. Version: 7.5.524 / Virus Database: 269.23.8/1413 - Release Date: 03/05/2008 11:22 *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: R: [WSG] Alternative to align = center?
There is the old faithful
p aligncentreImage/p
Which as far as I'm aware is valid in XHTML strict, or the method Stuart
mentioned with the pre-set div tag.
-Original Message-
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Stuart Foulstone
Sent: 03 May 2008 10:37
To: wsg@webstandardsgroup.org
Subject: Re: R: [WSG] Alternative to align = center?
Or use a CSS class to do the same,
div class=centre
and
.centre {
text-align: center;
}
On Sat, May 3, 2008 10:22 am, Diego La Monica wrote:
What about div style=text-align: center ?
Diego La Monica
Web 2.0 - Standards - Accessibilità
mobile: +39 3337235382 - skype: diego.la.monica
web: http://diegolamonica.info - http://jastegg.it
_
Da: Simon [mailto:[EMAIL PROTECTED]
Inviato: sabato 3 maggio 2008 11.15
A: wsg@webstandardsgroup.org
Oggetto: [WSG] Alternative to align = center?
Hi,
I know that the align attribute such as div align=center is not
allowed
in XHTML Strict, but it got me thinking on what the possible alternatives
are for a dynamic environment such as a forum?
For instance if I know the image width or the total width of all the
images
will be the same I usually put them in a wrapper with a fixed width and
use
margin: 5px auto as an example.
What happens if you will never know the width of the images or how many
images someone may post, as happens on a forum I run. Ive resorted to
creating a bbcode tag that uses div align=center as that is the only
way
I can think of.
Are these scenarios always doomed to use transitional doctypes and
deprecated code?
Id be interested in your opinions
Cheers
Simon
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
--
No virus found in this incoming message.
Checked by AVG.
Version: 7.5.524 / Virus Database: 269.23.7/1410 - Release Date: 01/05/2008
17:30
***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***
