Re: [WSG] Site Check/Launch: Edentiti.com
1. Text of validation errors sometimes overlaps 'error' icon2. When email address and confirm email address fields have invalid entries, error should be 'enter valid email format', not 'values must match'.3. If edentiti is targeting Australian market, I would validate state and postcode as well. 4. Regarding 'Add additional address/email/phone' buttons: 4.1 When clicked, error messages dissappear, only error icons are left. 4.2 Do you really need a postback? 4.3 These buttons make the page too 'heavy'. I would make them looking like your 'Cancel' link. Also, I would not put arrow on them. Arrow makes sense when you move between the pages, like 'Back' and 'Next'. For 'Add address, etc.', it does not make sense because you are staying on the same page. 4.4. If you have 'Add' button, I suggest to have 'Remove' as well. Example, GMail Contacts5. I would not use button graphic to show 'creating edentiti progress'. visitor is used that buttons can be clicked. When click does not produce any result it is a bit frustrating. 6. It is more common to use red * or red tick to show which fields are required. Cheers, Irina.On 3/3/06, Lachlan Hunt [EMAIL PROTECTED] wrote:Hi Everyone, A new site I recently developed the front-end for over the past few months, called Edentiti [1], has just officially launched and I wantedto get some feedback about the usability, accessibility and overfunctionality in whatever browsers you can get your hands on.I'vetested in various Windows and Mac browsers during development, but as is always the case, bugs tend to sneak in wherever they can and somethingmay have been missed.(I know there are bugs in IE7, but I'd rather wait till MS actuallyrelease something that isn't a joke like both betas 1 and 2 were before I bother testing/fixing with it - the one to be released after Mix '06looks slightly more promising)For all you DOM Scripting fans, if you go to step 2 of the Create anEdentiti section, there's a funky form validation script you might want to check out.http://edentiti.com/create/ (click next, to get to step 2)[1] http://edentiti.com/PS. I know the markup is currently XHTML and I'm aware how much of a hypocrite that makes me :-), but, given the time constraints, it was alimitation of the back end solution we had to accept, with plans toconvert it to HTML4 later on.--Lachlan Hunt http://lachy.id.au/**The discussion list forhttp://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help**
Re: [WSG] form button css
I tried this markup in IE6 and Firefox 1.5 without [margin:6px 0 -6px 0;]. Everything lines up well. It is obviously some other CSS that affects your button. I agree with Seona's suggestion #foo button img { margin: 0; padding: 0; } Cheers, Irina.On 2/28/06, Ted Drake [EMAIL PROTECTED] wrote: Hi AllI'm having some trouble using an image as a button in a form. I've zeroedout the margins and paddings in this simple search box and yet the buttonwants to sit about 6px higher than the label and input. I've added this klunky css, margin:6px 0 -6px 0;This just doesn't look good to me.I'm pushing it down 6px and then suckingup the bottom by 6px. If I don't do this, it pushes the label and input down6px.I haven't worked with buttons much, I prefer to leave the submit buttons alone.Does anyone have a suggestion?Here's the code:form name=searchForm action="" method=GET >checkQuery(this);label for="" foo:/label input type=text name= foo id=prod size=50 /button name=submit type=submitimg src="" alt=Submit Button / /button/form#foo form { text-align:center; padding:0; }#foo label { color:#fff; font-size:85%; margin:0 5px; font-weight:bold; }#foo input{ margin:0 5px;}#foo button {border:none; height:23px; background:none; padding:0 0 0 0; margin:6px 0 -6px 0;}ThanksTed Drake-- New Advanced CSS Resource Site: www.last-child.comContributions welcome, especially safari fine-tuning (I don't have a mac) **The discussion list forhttp://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help**
Re: [WSG] Extra menu for when images are turned off
Stuart, Try this http://tjkdesign.com/articles/tip.aspRegards, Irina.
Re: [WSG] CSS class and id naming conventions
James, Read this: http://www.westciv.com/courses/free/week_05/managing_files.html and Tantek's presentation today at WE05, especially meaningful class names part http://tantek.com/presentations/2005/09/elements-of-xhtml/ Cheers, Irina. On 9/30/05, NickGleitzman [EMAIL PROTECTED] wrote: James Oppenheim wrote: I tend to use underscore for class and id, try very much to stay away from two word file names.This is a question (discussion?) that comes up every couple of monthshere on the list - ultimately, I reckon you'll get as many 'conventions' in use as you've offered suggestions. I think it's verymuch down to the individual - and the ease with which other members ofa team (or inheritors of legacy code) can work with your css.I believe there are strong arguments for creating filenames that result in logical, human-readable URLs.Underscores in class id names are not a good idea - some browsersdon't read them properly, and the styles aren't rendered properly, ifat all... from memory, an early Safari was one such. HTHN___Omnivision. Websight.http://www.omnivision.com.au/**The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] When bugs become patterns - A look at CSS Hacks
Hi, I've found this to be an interesting idea and wondering what other members think about it: When bugs become patterns - A look at CSS Hacks: http://spaces.msn.com/members/siteexperts/Blog/cns!1pNcL8JwTfkkjv4gg6LkVCpw!1805.entry#comment Cheers, Irina.
Re: [WSG] tabbed content within content pages
Excellent tutorials on how it is done: http://www.sitepoint.com/article/structural-markup-_javascript_ by Simon Willison http://www.bobbyvandersluis.com/articles/unobtrusiveshowhide.php by Bobby van der Sluis Cheers, Irina. www.ssw.com.au
Re: [WSG] Prototype Framework
There is another one Sarissa mentioned in Stuart Langridge book DHTML Utopia... http://sarissa.sourceforge.net/doc/overview-summary.html And this one http://ajax.schwarz-interactive.de by Michael Schwarz (.NET library for AJAX calls/methods). Irina. On 7/20/05, Kris Khaira [EMAIL PROTECTED] wrote: I've been using Prototype for the past few weeks. It seemed like themost light-weight JS framework for Ajax. The other frameworks I wasconsidering were:Xajax - http://xajax.sourceforge.net/ Sajax - http://www.modernmethod.com/sajax/AjaxAC - http://ajax.zervaas.com.au/JPSpan - http://jpspan.sourceforge.net/RSLite - http://www.ashleyit.com/rs/rslite/Lace - http://socket7.net/lace/Prototype is used in Ruby on Rails and is the framework powering the Ajax in Basecamp. At the moment, there aren't any manuals or docs butthere's a user community. Just try googling for it. It's made up ofonly 1 24KB js file.You might as well check out script.aculo.us - it's a JS effects library(drag and drop, etc) that ties in with Prototype.http://script.aculo.us/--Kris KhairaWebsites: http://kriskhaira.com / http://www.lifelogger.com**The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Interesting problem with a fixed nav ... small window doesn't allow scrolling to see all content
Mani, Have a look at http://www.w3.org/QA/Tips There is fixed navigation menu there. When browser window is resized, scrollbar appears on the menu. Regards, Irina. On Apr 2, 2005 3:05 AM, Mani Sheriar [EMAIL PROTECTED] wrote: Hi All, I am currently working on this site: http://www.manisheriar.com/willen/home.htm - xhtml and css validate. Initially I had it so that the logo, main image on the left, and links all scrolled with the content. However, I recently started playing around with the idea of these elements being fixed and only the content scrolling. Since IE doesn't support fixed elements I have ended up with this in my css for the 3 elements in question (using the !important declaration to feed different values to Moz and IE): body { /* -- keeps the William Lenihan logo fixed for Moz browsers / scrolling for IE -- */ background:#000; text-align:center; font:normal 1em/1.3em Times New Roman,Times,serif; background:#000 url(../images/willen.gif) no-repeat top left; background-attachment:fixed !important; background-attachment:scroll; } #leftCol { /* -- keeps the main image on left fixed for Moz browsers / IE ignores this -- */ float:left; width:200px; height:601px; background:url(../images/street.jpg) no-repeat top left; position:fixed; } #nav { /* -- keeps nav buttons on right fixed for Moz browsers / floats the nav buttons right for IE -- */ position:fixed !important; position:relative; float:none !important; float:right; right:7.5% !important; right:auto; text-align:left; } Ok, so everything is working great - The entire page scrolls in IE and only the content scrolls in moz ... just like I wanted! EXCEPT: If I resize my moz browser window to 800x600 then I cannot see all of the nav buttons ... the bottom ones get cut off. And I cannot scroll to see the rest since the content is fixed. I would strongly prefer not to have to decrease the height of the nav buttons - I really like the square presentation. Ideally, I would really like to keep the fixed content, but be able to scroll when necessary to see the entirety of the nav buttons when the browser window is small. Any suggestions? Thanks in advance! Mani Sheriar Sheriar Designs | www.ManiSheriar.com 925.952.4365 (landline) | 925.914.0741 (cell) ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Site Review: whatcanido.com.au
Tatham, When browser window is resized vertically, clouds in the glass.jpg are not aligned with clouds in the background.jpg. Maybe, don't use clouds in glass.jpg. Instead use as a background checkboard pattern 1px colored (white or blue) x 1px transparent. Then, when this image is on top of background.jpg, you would see throught the clouds. I haven't tried it, but have a feeling it may do the trick. Cheers, Irina. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Site Review - Another Government site thats Standards Compliant
Hi Esteban, Good effort! Just a few comments: 1. There is no validation of data entry fields on the Feedback page. 2. Reset button instead of clearing data entry fields, submits the form. 3. Would be good to highlight the current page in side navigation menu. For example, if I am on Events page, Events menu item should look somehow different from all other items. 4. I think that header and welcome divs take too much space on every screen real estate. Maybe you leave welcome div only on the home page, so user can see more of the content from the first glance. Cheers, Irina. On Tue, 15 Feb 2005 22:56:09 +1100, Esteban Aguilar [EMAIL PROTECTED] wrote: Hi Everyone, I will not bore you with a long intro, I'm Esteban Aguilar, I got into designing standard compliant sites after attending the web standards briefing at UTS on Sep 2nd 2004. After the briefing I joined this mailing list and have been reading it ever since. With Standards in mind I re-designed our projects website, it can be accessed in two ways: http://www.communilink.org.au or http://www.ci.crc.nsw.gov.au I would like to know what you standards pros think of design. Kind Regards, Esteban Aguilar -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.300 / Virus Database: 265.8.8 - Release Date: 14/02/2005 ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Is there any way to set the width of a file input field in Firefox?
Angela, Your suggestion is for input type=text. It does not work for input type=file. See shots attached produced by the following style: div#Attachment {width: 600px;background-color:yellow;border: 1px solid black;} #txtAttachment {width:400px;background-color:red;text-align: right;} Cheers, Irina. On Fri, 4 Feb 2005 10:44:32 +0100, Ricci Angela [EMAIL PROTECTED] wrote: Terrence All you need to do is to give an id to the form field and define its width on the CSS. It will work for all browers. input type=text id=ffield / CSS: #ffield {width: 100px;} Cheers! Ge RICCI -Message d'origine- De : [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] la part de Terrence Wood Envoyé : vendredi 4 février 2005 10:27 À : wsg@webstandardsgroup.org Objet : Re: [WSG] Is there any way to set the width of a file input field in Firefox? Styling file input is inconsistent cross browser and platform here is a work around: http://www.quirksmode.org/dom/inputfile.html Terrence Wood. Irina Ahrens wrote: Hello, Does anybody knows how to set the width of a file input field in Firefox? ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** attachment: InputOfFileType_IE6.gifattachment: InputOfFileType_Firefox.gif
[WSG] Is there any way to set the width of a file input field in Firefox?
Hello, Does anybody knows how to set the width of a file input field in Firefox? Style like this produces funny looking input field (see file attached) div.row #txtAttachment { width: 96%; height: 2em; } Thank you in advance, Irina. www.ssw.com.au attachment: FileInputFieldInFirefox.gif
Re: [WSG] IE layout issues
Hi Darren, In addition to what was said by other guys, a few general comments: (1) Home and Products links in the right menu point to the same page. I think it is confusing. (2) Cursor shape should change when hovered over the link to the current page to create appearance that it is not clickable. (3) Links in the footer are almost invisible. Also, they should change in color, or background, or underline when hovered over. (4) Default font is quite small. Difficult to read. On Home page you have about 1/3 of the screen empty. There is plenty of space to make font bigger. Cheers, Irina. [EMAIL PROTECTED] On Tue, 01 Feb 2005 18:08:16 +1300, Darren Wood [EMAIL PROTECTED] wrote: Hello list-o-geeks, I've recently designed (and partially built) an online store. Its in its 'soft launch' phase as there are some issues with IE. None of the developers (including me) have a windows machine available to test on IE, etc... Would you guys mind having a look at http://champion.net.nz and let me know of any massive differences between firefox and IE (possible solutions would be a god-send!) The style sheet I'm worrying about is: http://champion.net.nz/default.css Thanks in advance. Darren ps - i'm aware of actual bugs in the cart/store etc. Those are being sorted before the css issues. pps - i'm lazy, I know... ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] Floats dont float - can you see what i've got wrong please?
Mike, In addition I think you need to add #menucontainer A { PADDING-RIGHT: 20px; } Because background image (arrow) in a menu link overlaps with menu text. Cheers, Irina. www.ssw.com.au -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Mike Kear Sent: Thursday, 27 January 2005 4:07 PM To: wsg@webstandardsgroup.org Subject: Re: [WSG] Floats dont float - can you see what i've got wrong please? Yeah, I know Bert, But i did it in a tent, with the sounds of surf in my ear, and the smell of cool beverages in my nostrils.Whoever said working for yourself was a bad thing!!? So I didnt have all my reference stuff with me, nor access to the net to look up how to do stuff. I just wanted it done as fast as possibled so i could get back down to the beach. It's a temporary site, to hold the fort while i build him a 'proper' site with shopping cart, specification forms for custom quotes etc, so i just wanted his existing catalogue content on the web as fast as i could. Thanks for your help, it fixed the problem. Cheers Mike Kear AFP Webworks Pty Ltd Macromedia Certified Advanced ColdFusion MX Developer. http://afpwebworks.com - Original Message - From: Bert Doorn [EMAIL PROTECTED] To: wsg@webstandardsgroup.org Sent: Tuesday, January 25, 2005 9:12 PM Subject: Re: [WSG] Floats dont float - can you see what i've got wrong please? G'day the page is at http://www.grandchesterdesigns.com.au/Buffets.htm - I'd be REALLY grateful if i could get this page looking proper by the weekend, so if anyone could help me, I'd be most grateful. Add the following to #menucontainer: clear:left; float:left; Remove the following from #content: clear:left; That should fix it. I won't comment on the use of tables... OK, I did :-) Regards -- Bert Doorn, Better Web Design http://www.betterwebdesign.com.au/ Fast-loading, user-friendly websites ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **