[WSG] trying to justify webstandards
Hi Group, Our web development company is a LAMP based company and we are affiliated with another web development that is .Net based. I have been preaching to our affiliated company about the benefits of developing using web standards (which they see as pie in the sky) and best practices, but my bleating has mainly fallen on deaf ears, so to try and prove a point I have taken one of their recent site builds http://www.needanerd.co.nz http://www.needanerd.co.nz/ and quickly rebuilt it in Lamp environment (http://training.xtools.co.nz/need_a_nerd/index.htm ) to show how the code can be leaner reducing band width more accessible etc, I have now been asked to put this on to their cms (.net) http://dev18.xplore.net:99/need_a_nerd_test_44.aspx but even though I use the same style sheet and the same html I am still having problems with the page displaying in IE, could some one shed any light on this problem for me please. I know the test site still needs polishing but it's the concept I am trying to prove at the moment. Thanks for your comments Robin Gorry Senior Web Developer Xplore Net Solutions d: 00 64 (0)6 834 24 84 f: 00 64 (0)6 834 24 86 e : mailto:[EMAIL PROTECTED] [EMAIL PROTECTED] w: www.xplore.net http://www.xplore.net/ Take control of your website - ask me today about Xsite-tomorrows Content Management System CONFIDENTIALITY: This e-mail and any attachments are confidential and may also be privileged. If you are not the named recipient, please notify the sender immediately and do not disclose the contents to another person, use it for any purpose, or store or copy the information in any medium. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] Image markup clarification
Happy New Year Group, Could someone please clarify for me the best way to markup an image in a template, take a header image for example. In the interest of keeping structure from content I have recently been using background images wherever possible to keep my markup as clean as possible but I have been reading an article on the importance of the alt text for SEO. Is there a definitive answer? I want the best search engine rankings but I also want clean markup. Robin *** 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] Image markup clarification
Thank you for your reply's to this post, and your interesting comments. That has now given me some clarity on the subject. I hadn't thought about the actual content of he image as having information before and therefore being part of the structure. Again Excellent Thank you. Robin Gorry Senior Web Developer Xplore Net Solutions d: 00 64 (0)6 834 24 84 f: 00 64 (0)6 834 24 86 e : mailto:[EMAIL PROTECTED] [EMAIL PROTECTED] w: www.xplore.net http://www.xplore.net/ Take control of your website - ask me today about Xsite-tomorrows Content Management System CONFIDENTIALITY: This e-mail and any attachments are confidential and may also be privileged. If you are not the named recipient, please notify the sender immediately and do not disclose the contents to another person, use it for any purpose, or store or copy the information in any medium. _ From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Robin @ Xplore.net Sent: Tuesday, 9 January 2007 8:23 a.m. To: wsg@webstandardsgroup.org Subject: [WSG] Image markup clarification Happy New Year Group, Could someone please clarify for me the best way to markup an image in a template, take a header image for example. In the interest of keeping structure from content I have recently been using background images wherever possible to keep my markup as clean as possible but I have been reading an article on the importance of the alt text for SEO. Is there a definitive answer? I want the best search engine rankings but I also want clean markup. Robin *** 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] div stretching with text
Thanks Tom, Yeah I get the idea, not ideal, but when needs must. Robin On 12/6/06 9:21 PM, Robin @ Xplore.net [EMAIL PROTECTED] wrote: I have built a template for a html email cms, and I am having trouble getting the editable regions to stretch vertically when text is entered, the text just scrolls out of the top of the div. I am guessing that it must be an old ie bug but can't figure out what the problem is, could you please help. Have you used this type of template before? Any emails with CSS we have done that were successful had no doctype or head. The outer-most container was the body tag. Also, all CSS had to be embedded in-line and repeated on elements as some online services strip CSS out of the head if it's there. For email, you gained the element control of CSS - which is far better than old-school spacer gifs and font tags - but lost a lot of the efficiencies. For example: body style=margin:0; padding:0; border:0; background-color:#fff; center snip... table width=540 cellpadding=0 cellspacing=0 border=0 style=border-top:1px solid #a19a9a; margin-top:35px; tr td p style=font-family:Arial, Helvetica, sans-serif; color:#00; font-size:11px; line-height:13px; padding-top:10px; padding-left:10px;If you would rather not receive email updates from us, you can a href= style=color:#00;delete your name/a from our list./p p style=font-family:Arial, Helvetica, sans-serif; color:#00; font-size:11px; line-height:13px; padding-left:10px;If you have any questions about our privacy policy, ... /p /td /tr /table /center /body You get the idea, I think. Not ideal as far as css goes, I know, but this has been the most stable across desktop email apps and online email users for us. HTH -- Tom Livingston | Senior Multimedia Artist | Media Logic | ph: 518.456.3015x231 | fx: 518.456.4279 | mlinc.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] ***
[WSG] div stretching with text
I have built a template for a html email cms, and I am having trouble getting the editable regions to stretch vertically when text is entered, the text just scrolls out of the top of the div. I am guessing that it must be an old ie bug but can't figure out what the problem is, could you please help. When I put the template in to a website cms it streches fine that makes me think it might be an ie 5 or 5.5 issue. http://training.xtools.co.nz/redirect/index.htm thanks Robin Gorry Senior Web Developer Xplore Net Solutions d: 00 64 (0)6 834 24 84 f: 00 64 (0)6 834 24 86 e : mailto:[EMAIL PROTECTED] [EMAIL PROTECTED] w: www.xplore.net http://www.xplore.net/ Take control of your website - ask me today about Xsite-tomorrows Content Management System CONFIDENTIALITY: This e-mail and any attachments are confidential and may also be privileged. If you are not the named recipient, please notify the sender immediately and do not disclose the contents to another person, use it for any purpose, or store or copy the information in any medium. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
[WSG] containing div not streching
I am having a problem in firefox with my outer div not streching when the inner div content exceeds the template width, the page looks ok in ie7, could anyone enlighten me please. http://gilescadman.com/test_folder/index.htm thanks Robin *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] containing div not streching
I am having a problem in firefox with my outer div not streching when the inner div content exceeds the template width, the page looks ok in ie7, could anyone enlighten me please. Sounds like IE7 is incorrectly expanding the height of #main, you can either float #main to contain the two floated columns or set overflow: hidden; on #main to contain them. You may find those images at the bottom have the bottom border going over the top of them aswell, add position: relative; to #images or to the images themselves e.g. #images img and you should be ok... hopefully =] Thanks for your help, Rob O, All is working now, cheers Robin *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] Replacing target attribute in form
Try this a href=http://google.com/; onclick=window.open(this.href); return false; A Test Link /a It achieves your objective of opening a new window, but it also: * Preserves the href element for Search Engines * Users who want control can still right-click * The link can still be Bookmarked or added to the browser Favorites * Your code will validate Robin Take control of your website - ask me today about Xsite-tomorrows Content Management System CONFIDENTIALITY: This e-mail and any attachments are confidential and may also be privileged. If you are not the named recipient, please notify the sender immediately and do not disclose the contents to another person, use it for any purpose, or store or copy the information in any medium. -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Chris Price Sent: Monday, 13 November 2006 6:58 a.m. To: wsg@webstandardsgroup.org Subject: [WSG] Replacing target attribute in form Hi I have a little online store paying through Paypal, using their shopping cart. So the buy button opens up a new window and you're into Paypal. Unfortunately the bit of html for the form uses 'target' to open up the window and I'm coding in xhtml strict. I'm using onclick=newWindow() return false for opening new windows. I'm looking for a simple bit of javascript to do the same for the form, something like form.target = window.open() Any ideas? Kind Regards -- Chris Price Choctaw [EMAIL PROTECTED] http://www.choctaw.co.uk Tel. 01524 825 245 Mob. 0777 451 4488 Beauty is in the eye of the beholder while excellence is in the hand of the professional ~~~ -+- Sent on behalf of Choctaw Media Ltd -+- ~~~ The information in the email (including any attachments) is confidential and intended solely for the use of the individual to whom it is addressed. Access to this email by anyone else is unauthorized. Any views or opinions presented are solely those of the author and do not necessarily represent those of Choctaw Media Ltd. If you have received this email in error be advised that any use, dissemination, forwarding, printing or copying of this email is strictly prohibited. Please notify the sender and please delete the message from your system immediately. *** 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] ***
[WSG] different margin in ie from firefox
I have a small problem with my margin which is not rendering the same in ie as it is in firefox and netscape, could anyone see what the problem might be please? http://www.starfoods.co.nz/test/testsplash.htm cheers for your help Robin. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: [EMAIL PROTECTED] ***
RE: [WSG] different margin in ie from firefox
Thanks a lot for your help John, I am pretty new to the mailing list and to compliant template building (as I am sure you are aware). I will head your warnings about starting a new subject. Thanks again. Robin -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of John Faulds Sent: Tuesday, 7 November 2006 3:43 p.m. To: wsg@webstandardsgroup.org Subject: Re: [WSG] different margin in ie from firefox No, I didn't mean change the left margin to 414 for *all* browsers; I meant only for IE. You'd use an IE-only filter like * html #right_pos { margin-left: 414px; } or use IE conditional comments to make sure only IE sees that rule. (By the way, you don't need to start a new subject for something related to one you already had going.) On Tue, 07 Nov 2006 12:16:50 +1000, Robin @ Xplore.net [EMAIL PROTECTED] wrote: Hello, I have a small problem with my margin which is not rendering the same in ie as it is in firefox and netscape, could anyone please have a quick look and suggest to me what the problem might be. It's the left hand column which is not sitting beneath the white area as it should. http://www.starfoods.co.nz/test/testsplash.htm cheers for your help Robin. *** 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] *** -- Tyssen Design Web print design services www.tyssendesign.com.au Ph: (07) 3300 3303 Mb: 0405 678 590 *** 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-image misalignment (FAO Robin @ Xplore.net)
Thanks a lot John, for that quick fix, it's one for the memory bank. cheers Robin -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of John Faulds Sent: Friday, 3 November 2006 4:34 p.m. To: wsg@webstandardsgroup.org Subject: Re: [WSG] Background-image misalignment (FAO Robin @ Xplore.net) Add background-position: left bottom to those images. On Fri, 03 Nov 2006 12:55:16 +1000, Robin @ Xplore.net [EMAIL PROTECTED] wrote: Hello, Could anyone please tell me why my background image is displaying below my background image in ie and not in firefox and how can I fix it in ie please? http://training.xtools.co.nz/hbyt/index.htm I have validated both css and html. Thanks in advance Robin -Original Message- From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Jan Brasna Sent: Friday, 3 November 2006 3:09 p.m. To: wsg@webstandardsgroup.org Subject: Re: [WSG] Articles/reasearch/experience of screen readers I would love any links to articles/archived polemic/research studies/the appropriate list... If anybody here has actual experience of a screen reader, I would be overjoyed to hear from them. Joe Clark or James Edwards aka Brothercake are practicing screen reader testing with various some-technology-enabled sites to test AT behaviour.[1][2] (Plus there's one more on this from Bruce Lawson.[3]) If you're looking for a dedicated forum, you could try AccessifyForum.com [4] ... BTW I use VoiceOver on MacOS X pretty often. The same goes for inverted color scheme or zoomed screen - my eyes simply hurt after a whole day stuck to a display... The issue I see nowadays is where the assistive technology doesn't quite catch up with the recent best-practice (sorry to lean it all towards JS/DOM...). One thing is having an accessible content, however I really believe the AT should be built in the system in such way that it could really handle all the information a sighted user could get, and process it for the screen reader. Derek, I'm talking about non-linear DOM changes or generally event announcement. I think we quite agreed on that with Tomas Caspers and Brothercake. BTW a half year ago I commented on this topic under Garrett's article[5], and maybe made the same mistake of mentioning turning JS off as Derek did some time ago if I'm not mistaken. [1]http://joeclark.org/access/research/ice/iceweb2006-notes.html [2]http://www.sitepoint.com/print/ajax-screenreaders-work [3]http://www.brucelawson.co.uk/index.php/2006/ajax-accessibility-and-assis tive-technology/ [4]http://www.accessifyforum.com/ [5]http://www.garrettdimon.com/archives/front-end-architecture-ajax-dom-scr ipting -- Tyssen Design Web print design services www.tyssendesign.com.au Ph: (07) 3300 3303 Mb: 0405 678 590 *** 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] ***