Re: [WSG] How to make DHML cover flash
Michael, No problems with flash and the menu on my Mac OSX 10.4.10 with FF, and Safari 419.x (Tiger version (not the new beta)). Ditto on the font being too small on the drop-down menu (see the attachment); and with the movie taking too long to download (you may want to either break the movie up into smaller movies or use the bandwidth profile in flash to help you spread out the download across multiple frames (i.e. download a little up front and then continue the download as needed later so the user doesn't have to wait as long). As for the flickering that people are seeing in Safari... here is a helpful link from Adobe's CSS Advisor: Fixing Safari's wmode flicker.http://www.adobe.com/cfusion/communityengine/index.cfm?event=showdetailsproductId=1postId=1801 Lastly, what was your reasoning for choosing wmode='transparent' typically you only want to do that if you need to reveal something behind flash within the HTML. Transparent wmode is NOT supported by Linux and has issues with some Macintosh browsers (i.e. Safari). If you don't need to reveal anything under flash it's better to use wmode='opaque'. Furthermore, there are accessibility concerns when using wmode (i.e. flash becomes invisible to screen readers when wmode is set; see the following two links: - http://dynamicflash.com/2006/10/flash-accessibility-and-wmode/ - http://justin.everett-church.com/index.php/2006/02/23/wmode-woes/ *%20http://justin.everett-church.com/index.php/2006/02/23/wmode-woes/ Best Regards, Nate On 10/17/07, Nick Cowie [EMAIL PROTECTED] wrote: Michael No problems with flash and the menu on my Mac OsX 10.4.9 with FF, Safari or Opera Other than issues above, menu typeface is tiny in both FF and Opera, increasing font size to read them does do damage to the menus with FF, still usable though. Flickering is also visible for me with Safari 2.0.4 ps that flash movie took ages to download. should be split into smaller pieces that get called as movie progresses. Nick *** 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] ***attachment: Picture 1.png
Re: [WSG] How to make DHML cover flash
On 10/17/07, Michael Kear [EMAIL PROTECTED] wrote: The reason for using wmode was to fix the problem that existed before. All I wanted was to make sure the dhtml drop down menu came down on top of the flash movie not underneath it. Is that not the best way ? Mike, unfortunately claiming wmode is the only way to get the drop-downs to come over flash; I just wanted you to be aware that there are accessibility concerns (see the links in my last post) when using wmode. Secondly, it's documented that wmode causes performance/compatibility issues with flash especially when you claim it to be transparent. Thus, unless you need to reveal a background of the table behind flash it is recommended that you use wmode='opaque' versus transparent. It'll give you the same results and you will suffer from less performance issues and it'll work under Linux boxes where as transparent will not (the last time I checked). - Nate P.S. If accessibility is a large concern you may want to pull the flash movie out of the general layout and place it into a pop-up window or something so you do not have to claim wmode at all. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Javascript focus()...cursor at start of space-filled field in IE, but at end of space-filled in Firefox
Simon, See if this link helps you out at all... http://www.webmasterworld.com/forum91/4527.htm - Nate On 10/19/07, Chris Knowles [EMAIL PROTECTED] wrote: Simon Cockayne wrote: Hi /* It's Friday - hurrah! */ PROBLEM: Javascript focus()...puts cursor at START of space-filled field in IE 6, but at END of space-filled in Firefox 2. Any way (without changing the field value to be ) to get the cursor to appear at the start of the field in Firefox? do you mind if I ask why? -- Chris Knowles *** 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] Flex and CSS (Not the framework)
James, I'm not 100% familiar with Flex; however, I am highly proficient in Actionscript and Flash. My guess is that Flex treats CSS like Flash (which the support isn't great). From what I know CSS is great for skinning Flex but not much past that; however, I could be wrong and it seems with each release of flex more CSS support is added. Also from what I can tell Flex doesn't support CSS selectors. Anyways, here are some more resources for you that I found by searching Google (Flex CSS Support): - Using Cascading Style Sheetshttp://livedocs.adobe.com/flex/201/html/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Book_Partsfile=styles_069_11.html - About CSS styles in Flexhttp://livedocs.adobe.com/flex/1/flex_builder_en/wwhelp/wwhimpl/common/html/wwhelp.htm?context=Using_Flex_Builderfile=brady510.htm - Applying styles with CSShttp://livedocs.adobe.com/flex/201/html/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Book_Partsfile=charts_formatting_110_03.html - Understanding Runtime CSShttp://www.onflex.org/ted/2007/01/flex-201-understand-runtime-css.php - Flex, CSS and code separationhttp://lhorie.blogspot.com/2007/03/my-impression-of-flex.html - Applying styles from a default.css filehttp://livedocs.adobe.com/labs/flex3/html/help.html?content=mxmlcomponents_11.html - On Css in Flex http://blog.iconara.net/2007/05/08/on-css-in-flex/ - Flex 3:Feature Introductionshttp://labs.adobe.com/wiki/index.php/Flex_3:Feature_Introductions Best Regards, Nate On Nov 5, 2007 11:36 AM, James Jeffery [EMAIL PROTECTED] wrote: Hi all. What relation does Flex have with CSS? I noticed it in the manual many times but never actually read up on it. Today i did a tad bit of research during a lecture. At first i was taken to flex.org , which i understand is different. When i checked the Wiki, it says Flex is a lexial analyser. Is the CSS parser created with Flex? *** 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] SIte Maps?
Bob, I usually just make my sitemap UL and LI driven as seen here: http://www.stmarysgvl.org/sitemap/ or here: http://www.woodcreekdental.com/sitemap/ Both of those sites are database driven and I've written a PHP script to automatically produce the UL LI structure; if your site is not database driven you can always do the list by hand. - Nate On Nov 19, 2007 8:07 AM, Sanke Solutions [EMAIL PROTECTED] wrote: There is a small desktop app called Xenu Link Sleuth, a google search should find it. This checks all links on your site and gives you a range of reports on which ones are not working etc. It goes indepth and even provides links of items such as images etc. It can also give you a list of all the pages on your site, which is very handy. Its a free utility which should be in every webmasters toolkit :) I looked it up for you it can be found here http://home.snafu.de/tilman/xenulink.html Has some good info on the page too, about other products you can use and links to them. Paul Designer wrote: [EMAIL PROTECTED] wrote: For the sake of clarity; can you please confirm whether you are referring to machine-readable site-maps for the benefit of Google etc.; or to human-readable site-maps for the benefit of your human visitors? Mike -Original Message- From: [EMAIL PROTECTED] on behalf of Designer Sent: Sun 18/11/2007 10:12 To: wsg@webstandardsgroup.org Subject: [WSG] SIte Maps? I have never done a site map/index. I have Googled, but the results seem complicated, at least for a newcomer to site maps. I want to provide a way for visitor to a site to get where they want easily. Of course, the basic structure of the site is key, but when, e.g., there is a link to an obscure (but relevant) aspect of the content, it would be nice if he/she could find it. Any links or pointers to creating such an index/map would be most welcome. Needless to say, standards and accessibility are important . . . Thanks, Bob www.gwelanmor-internet.co.uk Hi MIke, I mean the latter. I just wondered how anyone on the list has dealt with this. I was presuming that the simplest method would be to manually produce a list of links on a 'site map' page. I do not really want a graphical presentation of the site, such as the kind of thing generated by dreamweaver. Thanks, Bob *** 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] RE: [WSG} CMS and Site Design
Lyn, I'm also a big Textpattern fan and have done some custom plug-in development for it on a per client basis. I find that for the end client Textpattern is easy to understand and follow once they grasp Textile the mark-up language. If they struggle with Textile there is a plug-in for Textpattern to enable a the Tiny-MCE WYSIWYG editor. Above all, Textpattern will meet your clients needs and then some. All the clients I have used Textpattern with are very happy and enjoy the simple environment. - Nate On Dec 3, 2007 10:53 PM, Lyn Patterson [EMAIL PROTECTED] wrote: Thanks Stephen and Rahul Yes, I always try to do all updating myself and this is the first client that really needs to do it as it will be a fairly frequent event. I had a talk to him and it will only be replacing one photo with another and changing a bit of text so nothing too onerous. Will have a look at TextPattern I think and will take you up on your offer of help Rahul once I get started, which won't be for a little while until I receive all the data. Lyn Western Web Design *** 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] Embed a flash file 100%
var so = new SWFObject(main.swf, main, 100%, 100%, 8, #ff); The value of #ff is what is causing your white bg at the top; this ends up being the bgcolor attribute of the embed tag and is used as the stage background color in flash unless you set the window mode (wmode) to transparent. Window mode defaults to opaque; meaning flashes stage color is shown. Some useful links: - http://blog.soulwire.co.uk/flash/actionscript-2/dynamic-positioning-part-two/ - swffit - Smart Flash Resize Script http://swffit.millermedeiros.com/ - Nate Hanna *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
Re: [WSG] Footer problem!
You need to clear the float caused by id=footer and possibly place your footer div outside of id=main-content b/c once you clear the float the 266px padding you have on main-content will affect the footer. If you don't want to move the footer div take the padding off of main-content and put a margin style on your mainimage and mainflash divs to get your image in the right place. Best Regards, Nate Hanna On Thu, May 15, 2008 at 7:05 AM, james [EMAIL PROTECTED] wrote: Hi All, This is probably a real easy thing to do, how ever i cannot get it to stay in the same position through each page. I think it is something to do with the way i have coded the text on my page; Here is the link to the site http://www.jungle-systems.com/~mip/companyprofile.htmlhttp://www.jungle-systems.com/%7Emip/companyprofile.html Could anyone have a look for me please. Cheers James *** 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] Background on body not aligning with tiled background on wrapper DIV
Paul, Try making your width on ul#footer 934px (960-15-11); reason being you need to subtract the left and right padding amount from the overall width since padding affects the width of the box. I noticed in firebug that the UL width was way wider than the wrapper whose width was 960px. Best Regards, Nate Hanna On Thu, May 15, 2008 at 7:30 PM, Paul Collins [EMAIL PROTECTED] wrote: A good idea Matijs, but doesn't seem to work. Thanks for taking a look anyway. 2008/5/15 Matijs [EMAIL PROTECTED]: Does overflow: hidden on the containing div and making the green bar wider help? On Thu, May 15, 2008 at 7:23 PM, Paul Collins [EMAIL PROTECTED] wrote: Hi all, I've managed to put a page together. If you look at the green area in Firefox and IE you will notice a small gap at the right of the green area in IE. If you try to resize the browser by dragging it, you will notice the gap keeps closing then appearing. It's to do with the odd and even number of pixels on the window size when you have a centred background. Anyway, here is the test URL, anyone got an idea of how to solve this without an extra DIV?! http://paulcollinslondon.com/test/ Cheers Paul 2008/5/15 Paul Collins [EMAIL PROTECTED]: Thanks for your reply Adam. I can't really put what's I have now due to copyright restrictions, or I would have. I was hoping someone had encountered this before and would know the answer. I'll have to try and set up a dummy page later today when I have more time. Thanks Paul 2008/5/15 Adam Martin [EMAIL PROTECTED]: can we see an example? Paul Collins wrote: Hi all, I've seen this problem before, but can't remember how I solved it. Basically, I have put a centred background that repeats vertically on the body of my page using CSS. The main wrapper div is also centred and has a background sits on top of the Body one, but is only a fixed height Basically, they need to match up where they meet, which is working fine in Firefox, Safari, Opera, etc. The only place it's having an issue is IE6 7. I know what the problem is; the background is centred and the width of your browser can be an odd or even number, so it can't sit dead centre all the time. If I drag the browser in to resize it, the backgrounds keep matching up then falling out of place. I have solved this before without adding an extra div for the body background, but I just can't remember how I did it. Does anyone have an idea? Thanks Paul *** 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] *** *** 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] An efficient CSS architecture
For our custom projects at my work we have recently adopted the Tripolihttp://devkick.com/lab/tripoli/and combine.php http://rakaz.nl/projects/combine/combine.phps for compression (+gzip done by the server). On top of Tripoli; I have created our on in-house CSS framework/template that gets me 85-90% of the CSS I need for each site based on HTML standards we code with. Best Regards, Nate Hanna On Mon, Apr 28, 2008 at 6:07 AM, [EMAIL PROTECTED] wrote: For me, assuming you are 100% sure about your compression scheme, is to do all of your debugging against a test site (with no compression). This is what I do with my main site; the take-live process copies files from my test site, via a staging site, on to the live server. The process also handles copyright dates, build numbers, comment removal and some light compression/optimisation. Because I wrote this script from the ground up I was able to keep the compression reasonable too: a few line breaks aren't the end of the world in terms of size, but allow me to do enough debugging on the live system to tell roughly where things are going wrong on the odd occasion where something gets by. (9 times out of 10that is because I have missed a dependant file!) Mike -Original Message- From: [EMAIL PROTECTED] on behalf of Jens-Uwe Korff Sent: Mon 28/04/2008 08:27 To: wsg@webstandardsgroup.org Subject: RE: [WSG] An efficient CSS architecture snip I am currently looking into CSS compression. This has, however, the disadvantage of removing effective live debugging with Firebug because all CSS rules will be on one single line. How do you address this problem? *** 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: Re[2]: [WSG] accessible client side form validation
Sorry for the delayed response; been extra busy of late. I've found the JQuery validation plug-in to be wonderful and easy to use: http://docs.jquery.com/Plugins/Validation. Be sure to read through the documentation first and this article is a good source for it as well: http://bassistance.de/2007/07/04/about-client-side-form-validation-and-frameworks/ . Regards, Nate Hanna On Thu, Apr 24, 2008 at 6:52 AM, [EMAIL PROTECTED] wrote: If I may be permitted to be pedantic for a moment, I believe that JavaScript may be used to provide Assistance with Validation (So you are both correct...) Security can only ever be _reliably_ provided on the server side, but validation of user input is perfectly acceptable as client side code, with or without server side follow up, as long as the server can tolerate the effects of that validation not being carried out. As with all religious wars, the key to peace is understanding of the actual messages, not just blind repetition of slogans. Regards, Mike -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of tee Sent: Wednesday, April 23, 2008 8:52 PM To: wsg@webstandardsgroup.org Subject: Re: Re[2]: [WSG] accessible client side form validation Importance: High Hmm, why the Republic of JS kept saying it's form validation? tee On Apr 23, 2008, at 11:28 AM, Alexey Novikov wrote: Hello, friends. There is no client side form *validation*. There is client side form *assistance*. Validation should be performed on server. *** 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] first-child selector not always work?
Both selectors should work in everything but IE6; see this URL:
http://kimblim.dk/csstest/ and scroll down a bit.
- Nate
On Fri, May 30, 2008 at 8:10 AM, tee [EMAIL PROTECTED] wrote:
I have this
#best_seller {width 200px;background: #369}
#best_seller ul {background: #000}
#best_seller ul:first-child {background: #ddd}
If I add an adjacent selector
#best_seller ul+ul {background: red}
div id=best_seller
ul./ul /* this one should show background #ddd but it
doesn't*/
ul./ul /* adjacent works! Red background show up) */
ul./ul /* this one shows black background and is correct.
*/
/div
according to w3c css2 spec, 5.11.1 :first-child pseudo-class:
The :first-child pseudo-class matches an element that is the first child of
some other element.
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]
***
Re: [WSG] Accessible Forms
Correct the ID's are required for the for attribute of the LABEL tag to work; but each ID must be unique. Best Regards, Nate Hanna On Wed, Aug 19, 2009 at 11:54 AM, James O'Neill freexe...@gmail.com wrote: I think the ID's are required for the 'for' attribute to work for labels, which enables the their clickability. When these labels are clicked on they focus on the element whose ID is in the for attribute. label for=CommentsEnter you comments:/label Plus having ID's associated allows for more sophisticated form error handling by having targets.. http://www.usability.com.au/resources/forms.cfm http://www.communitymx.com/content/article.cfm?cid=02310 Jim On Wed, Aug 19, 2009 at 10:37, Erickson, Kevin (DOE) kevin.erick...@doe.virginia.gov wrote: Good day, When making a form in Dreamweaver it puts in id=same as name in to every form item. When I take out all the id attributes the form still works. Why are the id attributes being put in by DW and, more importantly, is there an accessibility issue if I take them out? i.e. - textarea name=Comments cols=60 rows=5/textarea vs. textarea name=Comments id=Comments cols=60 rows=5/textarea and input type=submit name=submit2 value=Submit / vs. input type=submit name=submit2 id=submit value=Submit / Thank you, Kevin *** 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 ***
