[WSG] Site review plz
Hi all, The url: http://www.azapi.com/ We are launching a new XHTML/CSS based CMS soon and would really appreciate your comments. We have launched the brochureware site already, and the CMS is 99% finished, it will launch mid Jan 2005. I look forward to your response! Kind Regards Jacobus van Niekerk Creative Consultant web: http://www.catics.com/ | http://www.freelancecontractors.com tel: + 27 21 982 7805 This e-mail message is confidential and intended solely for the person to whom or the entity to which it is addressed. All the contents and any attachments remain the property of Catics Ltd unless so stated. If you are not the intended recipient, you are prohibited from reading, copying, using or disclosing this message to others. If you received this message in error, please notify the sender immediately by replying to this e-mail or by telephoning +27 21 9827805 and thereafter delete the message. Catics Ltd does not accept liability for any personal views expressed in this message. -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.296 / Virus Database: 265.5.4 - Release Date: 2004/12/15 ** 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] Dreamweaver : was [ Standards Macromedia Contribute]
Thanks James, I think the answer to my original question is yes, but, use it but with caution / watch out for bugs. The site itself will actually be populated by myself pre handover to the client, they will then just be using contribute to make updates and alterations to the pages, and if I set it all up at there end correctly hopefully we shouldn't have any issues. I shall post my finding on this list if and when they are relevant, Incidentally for anyone wondering, the site in question: http://www.sammyco.co.uk/acttrwebpre/company.php Is replacing their existing site: http://www.actiontransporttheatre.co.uk/ -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of James Ellis Sent: Thursday, December 16, 2004 02:55 To: [EMAIL PROTECTED] Subject: Re: [WSG] Dreamweaver : was [ Standards Macromedia Contribute] Hi all This is a good discussion, lets try and keep it on how to apply the mentioned software to create standards compliant content rather than a rundown of its various features and comparison to other software. Cheers James admin On Thu, 16 Dec 2004 13:41:42 +1100, Natalie Buxton [EMAIL PROTECTED] wrote: This is probably getting OT... The DW editor isn't much like homesite at all anymore. Many more advanced features. It is worth downloading the free demo and having a look using CODE VIEW. Lots of built in things I like - the Oreilly's pocket guides, the inbuilt validation controls and the ability to add file type extensions via the xml file. On Thu, 16 Dec 2004 15:41:52 +1300, Terrence Wood [EMAIL PROTECTED] wrote: isn't the DWMX editor essentially homesite anyway? I'm a mac user so I've never seen or used homesite. Terrence Wood. On 2004-12-16 2:39 PM, heretic wrote: Realistically... we probably could have stuck with HomeSite :) -- You know you've achieved perfection in design, not when you have nothing more to add, but when you have nothing more to take away. -Antoine de Saint-Exupery ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- Website Designer/Developer www.nataliebuxton.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** 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 plz
On 12/15/04 11:59 PM Jacobus van Niekerk [EMAIL PROTECTED] sent this out: The url: http://www.azapi.com/ We are launching a new XHTML/CSS based CMS soon and would really appreciate your comments. We have launched the brochureware site already, and the CMS is 99% finished, it will launch mid Jan 2005. I look forward to your response! Much of the type is very, very small in Firefox Mac, so I can't read it. Examples: all the nav_n styles, sidebar, footer, accesskey, and poweredby. That's just on the first page. I didn't look at any other pages. HTH Rick Faaberg ** 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] Western Australian Government Website
One of the main problems with the WA gov sites is that a little over two years ago a large number of govt departments got amalgamated. Most of my peers have spent the last couple of years trying to get three, four or more sites into a single logical structure (and boy it is fun with all the internal polictics involved). I understand it hasn't been touched since 2001 - and that would certainly explain it. The dot com bust also hit gov hard, what was once a promising portal, is now all but abandoned. Regarding that link - that was another of my peeves. The average person isn't going to think of looking under Labor Relations or Work and Conditions for that info (I myself missed that link.) I think Public Holidays isn't even mention in the title of the search result but about 15 words into the description :( Part of my personal IA peeve, some people expect everybody to know intutively which section of which govt department look after what and expect us to build web sites around the structure of the department /section not around the structure of the information. I'm not intending to be negative - all I was is dissapointed that the site was so hard to use, almost every page was actually a different sub domain or domain, and looked totally different from the last :( While there is common branding http://www.commonbadge.dpc.wa.gov.au/ Most websites have a very different view of what it all means and with no direction from above it will continue that way. Nick ** 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 plz
Title: RE: [WSG] Site review plz Dear Jacobus The site looks good to me. I also followed the link to Catics. On the about us page you have the word 'ourselfs' (ourselves!) and webstandards is two words not hyphenated either (I hate that). I haven't looked for any more. Am I too pedantic? You bet I am! If this is your business site, spell check it at least. Good clear designs and easy to read. The text sizer is useful, but the white text on the largest size clashes with the gradient background. Perhaps this could be rescaled to be slightly higher so that the text in the footer doesn't overlap the white area. ATB Peter -Original Message- From: Jacobus van Niekerk [mailto:[EMAIL PROTECTED]] Sent: 16 December 2004 08:00 To: [EMAIL PROTECTED] Subject: [WSG] Site review plz Hi all, The url: http://www.azapi.com/ We are launching a new XHTML/CSS based CMS soon and would really appreciate your comments. We have launched the brochureware site already, and the CMS is 99% finished, it will launch mid Jan 2005. I look forward to your response! Kind Regards Jacobus van Niekerk Creative Consultant web: http://www.catics.com/ | http://www.freelancecontractors.com tel: + 27 21 982 7805 This e-mail message is confidential and intended solely for the person to whom or the entity to which it is addressed. All the contents and any attachments remain the property of Catics Ltd unless so stated. If you are not the intended recipient, you are prohibited from reading, copying, using or disclosing this message to others. If you received this message in error, please notify the sender immediately by replying to this e-mail or by telephoning +27 21 9827805 and thereafter delete the message. Catics Ltd does not accept liability for any personal views expressed in this message. -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.296 / Virus Database: 265.5.4 - Release Date: 2004/12/15 ** 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 plz
W3C CSS Validator Results for http://www.azapi.com/index.php?id=21 To work as intended, your CSS style sheet needs a correct document parse tree. This means you should use valid HTML. Errors URI : http://www.azapi.com/types/compAzapiWebsite/css/structure.css Line: 184 Context : h1#logo a Invalid number : cursorhand is not a cursor value : hand Warnings URI : http://www.azapi.com/types/compAzapiWebsite/css/small.css Line : 5 Property voice-family doesn't exist for media Line : 6 Property voice-family doesn't exist for media URI : http://www.azapi.com/types/compAzapiWebsite/css/text.css Line : 84 font-family: You are encouraged to offer a generic family as a last alternative Line : 143 font-family: You are encouraged to offer a generic family as a last alternative -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] Behalf Of Jacobus van Niekerk Sent: Thursday, December 16, 2004 08:00 To: [EMAIL PROTECTED] Subject: [WSG] Site review plz Hi all, The url: http://www.azapi.com/ We are launching a new XHTML/CSS based CMS soon and would really appreciate your comments. We have launched the brochureware site already, and the CMS is 99% finished, it will launch mid Jan 2005. I look forward to your response! Kind Regards Jacobus van Niekerk Creative Consultant web: http://www.catics.com/ | http://www.freelancecontractors.com tel: + 27 21 982 7805 This e-mail message is confidential and intended solely for the person to whom or the entity to which it is addressed. All the contents and any attachments remain the property of Catics Ltd unless so stated. If you are not the intended recipient, you are prohibited from reading, copying, using or disclosing this message to others. If you received this message in error, please notify the sender immediately by replying to this e-mail or by telephoning +27 21 9827805 and thereafter delete the message. Catics Ltd does not accept liability for any personal views expressed in this message. -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.296 / Virus Database: 265.5.4 - Release Date: 2004/12/15 ** 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] Visual rendering in gecko with app/xhtml
I see the difference instead, running firefox 1.0 on windows xp service pack 2 Your two example pages look identical to me. Running Firefox 1.0 on Windows XP On Thu, 16 Dec 2004 00:18:49 +0100, JohnyB [EMAIL PROTECTED] wrote: It looks that the body style is applied only to the content area, not to the whole viewport, as it used to. It can be solved by styling html element instead of the body element, but I just want to ask in general - is this difference a standard behavior and a standard interpretation of the XML parser? ** 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] Standards Macromedia Contribute
[EMAIL PROTECTED] wrote: Also, I must admit I'm growing rather weary of all the negative remarks about Dreamweaver. I too am a Dreamweaver user. However on OS X at least, the preview mode still isn't up to scratch, although it is better than the previous version. Kornel Lesinski wrote: Are you sure? Some time ago there was a deal between Macromedia and Opera: http://www.opera.com/pressreleases/en/2002/07/20020702.dml (oh, and Apple: http://www.macminute.com/2003/09/30/opera) Macromedia licensed Opera to be the rendering engine on OS X. However I believe they use a different rendering engine on Windoze. Andy Budd http://www.message.uk.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] Site review plz
G'day The url: http://www.azapi.com/ Reviewing the home page only. Firefox 1.0 on Win2K, dial-up connection. The page took a long time to load. Looks like one of those if you don't have cable or ADSL we don't want your business type of sites. It does look good when it eventually finishes loading, but Truly a flexible CMS - Azapi makes publishing online content a breeze seems to be the only real content. This seems to be little more than a slow loading splash page as it tells me nothing, forcing me to go to other pages after I've waited half a minute. You have a limited time to get the visitor's attention. Put them on hold for 30 seconds (while there's nothing for them to look at) and you may have wasted an opportunity. Of course, I cannot speak for everybody (please, no me too responses on the list?) I don't have a problem with graphics per se, but use them lightly, unless you don't care about modem users. Regards -- Bert Doorn, Web Developer 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 **
Re: [WSG] using IE7 script
IE7 works very well indeed. The print style sheets problem can be overcome, I believe, but another problem exists - you cannot use a stylesheet switcher because it overrides the CSS that is used to fix IE. Simon Jessey Business Email: [EMAIL PROTECTED] Personal Email: [EMAIL PROTECTED] Business Site: http://keystonewebsites.com/ Personal Site: http://jessey.net/ - Original Message - From: Adrian Lynch [EMAIL PROTECTED] To: [EMAIL PROTECTED] Sent: Wednesday, December 15, 2004 9:58 PM Subject: Re: [WSG] using IE7 script One problem we have encountered (which should be resolved in the next version) is it causes problems with your print style sheets. ** 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 plz
The url: http://www.azapi.com/ Reviewing the home page only. Firefox 1.0 on Win2K, dial-up connection. The page took a long time to load. Looks like one of those if you don't have cable or ADSL we don't want your business type of sites. I suggest converting top and bottom backgrounds to JPEG. When you specify background image, specify similar background color, too. This way modem users will have access to your white text without having to wait for images, and site will be accessible without them. -- regards, Kornel Lesiski ** 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] Up and down arrows using HTML entities
FYI, I'd like to remain a member on the website but do not have time to read any emails at the moment. I'm unsubscribing, hope you dont take it personally. Would seem like a good idea (tm) to maintain membership but not email people. Thanks and Regards Rajib __ Do you Yahoo!? Send a seasonal email greeting and help others. Do good. http://celebrity.mail.yahoo.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] SiteCheck please
dunno, gave up waiting after about 10 seconds - and i'm on a 1MB line ! -Original Message-From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]On Behalf Of Sabrina xxxSent: Thursday, December 16, 2004 03:12To: [EMAIL PROTECTED]Subject: [WSG] SiteCheck please http://PirateQueen.tk let me knowwhat you think :) xx Heb je MSN WebMessenger al ontdekt? ** 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] noscript in xhtml1.0 strict
On Thu, 16 Dec 2004 16:37:49 +0100, Nick Verstappen [EMAIL PROTECTED] wrote: Is the noscript tag not allowed anymore in XHTML 1.0 Strict? I'm trying to use it, but it does not validate. If it IS allowed, what markup should I use to make it validate? Many thanks! Ofcourse it is allowed. XHTML just enforces that noscript block element and must have block content (same with blockquote) pnoscriptbla/noscript/p is illegal, but noscriptpbla/p/noscript is just right. -- regards, Kornel Lesiski ** 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] CSS rounded box generator
Hi, first of all, greetings and let me introduce myself. I'm Carlos Rincón a web programmer of Neurotic (http://www.neuroticweb.com), a spanish web designers company. I've just made a frontend of Hard Grog Cafe CSS rounded box generator. http://www.neuroticweb.com/recursos/css-rounded-box/ I'll take into account all the suggestions and critics -- Carlos Rincón Sanchez [EMAIL PROTECTED] Neurotic, SCP - www.neuroticweb.com Tel: 938 492 028 | Fax: 938 403 568 C\Can Cabatx s/n 08520 Les Franqueses del Valles ** 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] noscript in xhtml1.0 strict
Nick Verstappen wrote: Is the noscript tag not allowed anymore in XHTML 1.0 Strict? I'm trying to use it, but it does not validate. If it IS allowed, what markup should I use to make it validate? Many thanks! Nick, you need to format it like this: div script type='text/javascript' src='java.js'/script noscript diva href=nojava.htmlNo JavaScript user link/a/div /noscript /div you can ignore the outer wrapper div if you wish, but i like to keep them all in one 'block' ** 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] background loading issue
Hi, At the following url: http://working.ckimedia.com/index.php The delay when loading the background is giving me pause. Is this delay a huge usability issue, or has my quest become retentive? CK __ Knowing is not enough, you must apply; willing is not enough, you must do. ---Bruce Lee ** 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] SiteCheck please
Sabrina xxx wrote: http://PirateQueen.tk http://piratequeen.tk/ let me know what you think :) xx %@ Import Namespace=PopIdol % %@ Register TagPrefix=Critic TagName=Simon Assembly=dlls\Simon.ascx % Critic:SimonCowell class=Harsh runat=server Frames? Animated Gifs? Big full-screen, resolution dependent images? FRAMES AND POPUPS!??! Call yourself a webdesigner! This is the sort of tripe you see off ANGELFIRE or TRIPOD, or even GEOCITIES!! And HTML4.01 too! You clearly haven't got a sense of design or colour co-ordination! Even FrontPage (2003, of course) can churn out better designed sites using its themes tool! You're a disgrace to the pirate community! Begone! /Critic:Simon Well... thats what the right-side of my brain thinks *smirks* Don't take it too harshly, I'd dish out that to a person who ostienciously self-promoted and advertised his perceived opinion that he was the best. Clearly, you're just beginning to hand-code, and the road is long and filled with pot-holes (read: IE standards bastadisation), and I wish you the best of luck with your future endevours :) -David R (yes, I know there are a few spelling mistaykes :p) ** 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] noscript in xhtml1.0 strict
Brian Cummiskey wrote: div script type='text/javascript' src='java.js'/script noscript diva href=nojava.htmlNo JavaScript user link/a/div /noscript /div Even better would be to remove the script tag from the body and put it in the head (with the code itself in an external file). As far as the containing div goes, unless you're grouping the noscript with elements, it's unneeded. ** 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] CSS rounded box generator
Good stuff, just what I needed. I have an implementation of rounded corners that doesn't work when I use it in e-newsletters and open in Outlook. Will give this a try. Thanks, Chris -Original Message- From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On Behalf Of Carlos Rincon Sanchez Sent: Thursday, December 16, 2004 11:47 AM To: [EMAIL PROTECTED] Subject: [WSG] CSS rounded box generator Hi, first of all, greetings and let me introduce myself. I'm Carlos Rincón a web programmer of Neurotic (http://www.neuroticweb.com), a spanish web designers company. I've just made a frontend of Hard Grog Cafe CSS rounded box generator. http://www.neuroticweb.com/recursos/css-rounded-box/ I'll take into account all the suggestions and critics -- Carlos Rincón Sanchez [EMAIL PROTECTED] Neurotic, SCP - www.neuroticweb.com Tel: 938 492 028 | Fax: 938 403 568 C\Can Cabatx s/n 08520 Les Franqueses del Valles ** 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] background loading issue
Chris, You should at least add a (white, or light grey) background color to the body or div with the main content. If you do, users can start reading the content even when the background isn't loaded yet (or does nog load at all). Chris Kennon wrote: Hi, At the following url: http://working.ckimedia.com/index.php The delay when loading the background is giving me pause. Is this delay a huge usability issue, or has my quest become retentive? CK __ Knowing is not enough, you must apply; willing is not enough, you must do. ---Bruce Lee ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- -- http://www.getfirefox.com/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] SiteCheck please
http://PirateQueen.tk http://piratequeen.tk/ let me know what you think :) admin, close this thread. it has NOTHING to do with webstandards. ** 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] Dreamweaver : was [ Standards Macromedia Contribute]
Post below: Michael Wilson wrote: I use Dreamweaver MX 2004 and, although I'm not certain what settings I may have changed since the initial install, I don't recall making any major adjustments to the preferences since that time. I believe I ticked on Make document XHTML compliant and set the use CSS shorthand for: options, but that's about it. I also edited the default HTML document so that all new HTML pages include the XHTML Strict Doctype. With the addition of these few adjustments (which really shouldn't impact Dreamweaver's ability to produce valid markup), I haven't noticed a problem with Dreamweaver's output. Also important to note is that the accessible templates that come with DWMX2K4 are table based. But I only use DWMX2K4 in Code-view anyway, I keep a copy of Firefox open on the document on my secondary monitor, its not exactly a live preview, but the 2 second delay from changing focus and pressing F5 is close enough :) Dreamweaver does, however, still fail on the object tag, especilly for the Flash template. Whilst you can change this (look for the flash inserter JS inside your \Configuration\ directory), as it employs Microsoft's Class-IDs (and hence... Microsoft's interpretation of the semantics of the object tag). There's an article on AListApart on Flash (URI: http://www.alistapart.com/articles/flashsatay/) HTH -David ** 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] background loading issue
Chris Kennon wrote: Any suggestions on bringing the file size down? I've tried interlacing the .gif the current size is the lowest without image degradation. Just for comparison, I took the image into PaintShopPro (yes, I'm too cheap to own Photoshop right now) and saved the image in JPEG format at 10% compression. I noticed no image degradation, but the file size dropped from 289K to 125K. (PNG was not much better than GIF in file size). Dunno if you wanted to go that route, but any large images I use on my site are first saved in both formats to determine the best choice (once in a while, GIF is smaller than JPG). _ Charles Martin http://www.webcudgel.com [EMAIL PROTECTED] ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] background loading issue
You can drop the image to 23K with a decent JPEG converter. The fact that it's a background means just that: it's subordinate to content. I have http://www.xat.com/ in my graphics manipulation armoury. Still the best after 3 years. Mike Pepper Accessible Web Developer Internet SEO and Marketing Analyst http://www.seowebsitepromotion.com Administrator Guild of Accessible Web Designers [EMAIL PROTECTED] http://www.gawds.org CK wrote: Hi, At the following url: http://working.ckimedia.com/index.php The delay when loading the background is giving me pause. Is this delay a huge usability issue, or has my quest become retentive? -- No virus found in this outgoing message. Checked by AVG Anti-Virus. Version: 7.0.296 / Virus Database: 265.5.4 - Release Date: 15/12/04 ** 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] my form field looks like the girl that chewed gum on willy Wonkas
We have plenty of forms on our site and they all behave pretty well, except our search box. The coding is exactly the same, the style sheets are the same, but the text input box is huge! http://www.csatravelprotection.com/csa/help.do The only variation is the form action. It is referencing a form action at freefind.com. Can a form action cause a form field to grow? Here's a page that has a similar form, look at the way it's input fields behave properly. http://tcdpc/csa/contact-travel-insurance.do Thanks for any feedback on this question Ted Drake Web Content Editor CSA Travel Protection http://www.csatravelprotection.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] background loading issue
Large images are almost always better off as jpegs. The exception being images that use lots of flat color and/or text. Photoshop's Save for web features easily got this image down to 37K with similar visible quality. But you certainly don't need Photoshop. There are many shareware/freeware programs that do this as well. One freeware program called Paint Studio Lite did even better than Photoshop; it got the image down to 20-30K at the same visual quality. You can download it here (only a 2MB download): http://www.snapfiles.com/get/paintstudio.html Hope that helps. Paul Charles Martin wrote: Chris Kennon wrote: Any suggestions on bringing the file size down? I've tried interlacing the .gif the current size is the lowest without image degradation. Just for comparison, I took the image into PaintShopPro (yes, I'm too cheap to own Photoshop right now) and saved the image in JPEG format at 10% compression. I noticed no image degradation, but the file size dropped from 289K to 125K. (PNG was not much better than GIF in file size). Dunno if you wanted to go that route, but any large images I use on my site are first saved in both formats to determine the best choice (once in a while, GIF is smaller than JPG). _ Charles Martin http://www.webcudgel.com [EMAIL PROTECTED] ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- Paul Jones SPARKLE Webmaster www.sparkle.usu.edu 1-435-797-5594 Please note the new phone number: 1-435-797-5594 ** 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] background loading issue
On Thu, 16 Dec 2004 13:19:48 -0600, Charles Martin [EMAIL PROTECTED] wrote: Chris Kennon wrote: Any suggestions on bringing the file size down? I've tried interlacing the .gif the current size is the lowest without image degradation. Just for comparison, I took the image into PaintShopPro (yes, I'm too cheap to own Photoshop right now) and thats good, because Photoshop has worst savers for JPEG and PNG I've ever seen! (even if you use Save for Web). Use JpegOptim. I've done quick'n'dirty Win32 port: http://pornel.ldreams.net/jpegoptim/jpegoptim1.2.2_win32.zip and for PNG absolute must is: pngcrush.exe -cc -reduce -rem gAMA -rem cHRM -rem iCCP -rem sRGB -d pngcrushed file.png optipng.exe -o6 pngcrushed/file.png pngcrush will remove gamma chunks from png, that may cause unpredictable results on different operating systems and optipng will squeeze few more bytes from png. Photoshop doesn't support 8bit png with alpha channel at all, but they are very very useful. PNGQuant converts 24+8 png to 8+8. Great news is that IE partially supports those - instead of making gray background it just degrades alpha channel to 1bit. all mentioned programs are open-source. link: google. -- regards, Kornel Lesiski ** 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] background loading issue
Hi, For this kind of images jpg works a lot better (keeping that kind of photographic detail). I used fireworks keeping a good quality and the file is 50kb. I can send the file if you want. bye Laura On Thu, 16 Dec 2004 13:19:48 -0600, Charles Martin [EMAIL PROTECTED] wrote: Chris Kennon wrote: Any suggestions on bringing the file size down? I've tried interlacing the .gif the current size is the lowest without image degradation. Just for comparison, I took the image into PaintShopPro (yes, I'm too cheap to own Photoshop right now) and saved the image in JPEG format at 10% compression. I noticed no image degradation, but the file size dropped from 289K to 125K. (PNG was not much better than GIF in file size). Dunno if you wanted to go that route, but any large images I use on my site are first saved in both formats to determine the best choice (once in a while, GIF is smaller than JPG). _ Charles Martin http://www.webcudgel.com [EMAIL PROTECTED] ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] background loading issue[Problem Solved]
On Thursday, December 16, 2004, at 10:46 AM, Chris Kennon wrote: Hi, Any suggestions on bringing the file size down? I've tried interlacing the .gif the current size is the lowest without image degradation. CK Thanks for the compliment on the background. Any other suggestions or critique of the design is welcome off-list On Thursday, December 16, 2004, at 10:10 AM, Charles Martin wrote: I wonder too about your bandwidth limits with your hosting service. 275K every time someone hits the home page for the first time is kinda hefty. Naturally, as they surf the site, that initial download only happens once so if its within acceptable limits, go for it. BTW, love the background. CK __ Knowing is not enough, you must apply; willing is not enough, you must do. ---Bruce Lee ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** CK __ Knowing is not enough, you must apply; willing is not enough, you must do. ---Bruce Lee ** 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] formatting the a tag
russ - maxdesign wrote:
Start at the beginning. If you want to style every a element on the page,
you can do:
a:link { color: red;}
Not quite true; that will only style anchors which have a href
attribute. If, for some reason you have one without a href (although I
can't think of a good reason to have an anchor without a href for which
there isn't a better, more semantic alternative), it *will not* be styled.
**
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] my form field looks like the girl that chewed gum on willy Wonkas
Hi Everyone This brings up a good topic. Apparently, my problem arises from creating a div with an id=search to place a search box in part of the page. This is currently commented out. Then, I used search as the id of an input field to relate to a label. So, the input is grabbing the styles for the div that has the same id. Moral to the story, be careful how you name your divs and such. When I changed the id of the input to query, all of the problems dissapeared. Thank you for your help everyone. Special thanks to Nick for sending me a screenshot in Safari. I need to add a clearing div to my contact form to make the fieldset wrap around the whole sucker. Ted -Original Message- From: Terrence Wood [mailto:[EMAIL PROTECTED] Sent: Thursday, December 16, 2004 1:39 PM To: [EMAIL PROTECTED] Subject: Re: [WSG] my form field looks like the girl that chewed gum on willy Wonkas Check all your styles relating to #search... which appear to be set up for a form. However, your form is contained in #stack, and #search is simply an input. The extra height is caused by padding. The fix is: 1. replace #search with #stack in your css, or 2. change #stack to #search in your html and removing the id from the input field. Terrence Wood. On 2004-12-17 9:02 AM, Ted Drake wrote: Can a form action cause a form field to grow? Here's a page that has a similar form, look at the way it's input fields behave properly. http://tcdpc/csa/contact-travel-insurance.do Thanks for any feedback on this question Ted Drake Web Content Editor CSA Travel Protection http://www.csatravelprotection.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 ** -- You know you've achieved perfection in design, not when you have nothing more to add, but when you have nothing more to take away. -Antoine de Saint-Exupery ** 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] formatting the a tag
Not quite true; that will only style anchors which have a href attribute. If, for some reason you have one without a href (although I can't think of a good reason to have an anchor without a href for which there isn't a better, more semantic alternative), it *will not* be styled. Yes, correct. Mistake number two on my original post. Moral for me: don't post in a hurry without checking :) ** 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] accessible image form buttons
What would you recommend is the best way to create a form with a submit button made up of text+image? So what I have planned is the word Search followed by a little icon. The user can click either of them and the form will submit. I am playing with multiple solutions, but have not found anything yet that I like: SOLUTION 1: BUTTON Search img src=button.gif alt=Search /BUTTON Problem: Doesn't work in older browsers (e.g. NN4). SOLUTION 2: a href=javascript:submitForm()Search/a input type=image src=button.gif alt=Search Problem: Relies on Javascript to submit the form when text is clicked. SOLUTION 3: input type=image src=Searchbutton.gif alt=Search (image includes text search icon) Problem: The text-size can't be increased by the user. I'd be interested to hear if anybody has found a nice solution for this? Thanks! Andreas Boehmer User Experience Consultant Phone: (03) 9417 0468 Mobile: (0411) 097 038 http://www.addictiveMedia.com.au Consulting | Accessibility | Usability | Development ** 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] accessible image form buttons
What if at the first place you write in the document: input type=submit value=Search Which should be OK for any klient. And, if the browser happens to support DOM correctly, you remove it with Javascript and replace with: a href=javascript:submitForm()Search/a input type=image src=button.gif alt=Search ** 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] accessible image form buttons
But I have noticed some browsers completely ignore input styles. Yes, but it is partly a good thing - some elements should really be rendered by the system GUI... See http://www.pixy.cz/blog/obrazky/styled-forms.gif for comparison. -- Jan Brasna :: alphanumeric.cz | webcore.cz | designlab.cz | janbrasna.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] accessible image form buttons
Andreas Boehmer wrote:
What would you recommend is the best way to create a form with a submit
button made up of text+image? So what I have planned is the word
Search followed by a little icon. The user can click either of them
and the form will submit.
I am playing with multiple solutions, but have not found anything yet
that I like:
How about using a normal submit button, styled with some simple CSS?
#submit {
background: transparent url(search.png) no-repeat center right;
border: none;
padding: 0 15px 0 0; // the image above is 15px wide
}
input type=submit value=search id=submit /
--
Patrick H. Lauke
_
re·dux (adj.): brought back; returned. used postpositively
[latin : re-, re- + dux, leader; see duke.]
www.splintered.co.uk | www.photographia.co.uk
http://redux.deviantart.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] accessible image form buttons
SOLUTION 1: BUTTON Search img src=button.gif alt=Search /BUTTON Problem: Doesn't work in older browsers (e.g. NN4). Eh, another good solution spoiled by this zombie. a href=javascript:submitForm()Search/a Forget hackish href=javascript:. Use onclick instead. To make this less evil you could put link inside label. -- regards, Kornel Lesiski ** 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] styling :first-line Pseudo-element
On Fri, 17 Dec 2004 09:02:25 +0930, [EMAIL PROTECTED]
[EMAIL PROTECTED] wrote:
I have a class .pmi in my page and I want style the first line of
differently so that the first line is smaller than the second line. The
code below doesn't seem to work and I was wondering if it was because of
the br/ tag in my html.
.pmi p:first-line {
font-size: 1.2em;
}
You say that the first line of any element p in .pmi should have a
different font-size. Try and change it to:
p.pmi:first-line {
font-size: 1.2em;
}
--
Cheers,
Rob.
» http://zooibaai.nl
**
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] styling :first-line Pseudo-element
On Fri, 17 Dec 2004 09:02:25 +0930, [EMAIL PROTECTED] wrote:
.pmi p:first-line {
font-size: 1.2em;
}
this should be:
p.pmi:first-line {
font-size: 1.2em;
}
But using the 'br' isn't any good too. Maybe this line with
the br should be instead a heading followed with a paragraph?
Rene
**
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] accessible image form buttons
On Thu, 16 Dec 2004 14:52:15 -0800, Andreas Boehmer [EMAIL PROTECTED] wrote: What would you recommend is the best way to create a form with a submit button made up of text+image? So what I have planned is the word Search followed by a little icon. The user can click either of them and the form will submit. I usually just style a normal input type=submit with a background image. Netscape 4 etc. won't get the image, but it will still work. -- Lindsay Evans http://lindsayevans.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] styling :first-line Pseudo-element
On Fri, 17 Dec 2004 01:41:27 -, Rene Saarsoo [EMAIL PROTECTED] wrote: But using the 'br' isn't any good too. Maybe this line with the br should be instead a heading followed with a paragraph? Depending on how many of these items there are, a definition list might work well also. -- May the forces of evil become confused on the way to your house. -- George Carlin ** 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] Western Australian Government Website
On Fri, 17 Dec 2004 07:32:15 +0800, Vicki Berry [EMAIL PROTECTED] wrote: SNIP however even that will be limited by the CMS they are going to use. /SNIP Why do organisations (be they private or public) continue to blame a CMS for things like poor validity and accessibility? Choosing a CMS that comforms the the requirements of well-formed valid (X)HTML and CSS, as well as good usability and accessibility should surely be the first point before worring about the design? I currently work for a company (my last day unfortunately) that produces a CMS that outputs completely valid XHTML1.0 Strict and CSS and insists on educating their clients regarding the benefits of outputting standards-based code. Their clients include many local government agencies in Victoria as well as private industry. And this company isn't the only one producing an enterprise-level CMS at a very reasonable cost that does all this in Australia, I know that for a fact. So why do companies/governments continue to choose poor CMSs that output poorly formed markup? -- Website Designer/Developer www.nataliebuxton.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] accessible image form buttons
Generally if the submit button is just a stylised button with search or submit as foreground text then I show them some mockups that style the button using css (removing the border, using a background image). If it's more complex than that, with an icon or a non-standard font then a carefully chosen image can still be quite accessible. Don't take this as me saying that fixed text sizes are in any way a good thing, but text in images with alt text, high contrast and at least a 12px font size leave very few people poorly affected. There's a lot about this in chapter 12 http://joeclark.org/book/sashay/serialization/Chapter12.html of Joe Clark's book, 'Designing Accessible Websites'. Buy it if only for this gem, If youre running a ratings site of the Am I Hot or Not? variety (HotorNot.com) but more explicit two examples are RateaRod.com and RateaRear.com then the alt text for submitted photos may end up being inane and/or annoying, like alt=Rate this member! Porn cannot always be taken seriously. Accessible porn may end up being even slightly more ridiculous. .Matthew Cruickshank http://holloway.co.nz/ ** 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] repositioning markup
Hello, If I have an XHTML document containing tags in the order: h1Heading One/h1 pParagraph/p h2Heading Two/h2 pParagraph/p How are these tags styled with CSS so that there are positioned in and out of order on the page with no relation to each other.. but when viewed in a text browser it viewed in it's original order. Thanks Tim ** 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] Dreamweaver : was [ Standards Macromedia Contribute]
Hi, Michael Wilson wrote: What would you consider to be the key standards and accessibility settings for Dreamweaver that some of us might be overlooking? The settings I recommend to people at work Accessibility tab: Enable all of the Show Attributes when Inserting options Code Format tab. Set Default Tag Case to lowercase Set Default Attribute Case to lowercase... Set Centering to Use DIV tag Code Rewriting tab. Enable... Fix invalidly nested and unclosed tags Encode , , , and in attributed values using Encode special characters in URLs using % New Document tab. Set the Make Document XHTML Compliant option. I also give instructions on how to change the default HTML file extension from .htm to .html but that's more about our naming convention than anything else. Obviously many people on this list will already have done this; but we have a lot of users with varying skill levels creating web pages, so we try to get DW to prompt them for extra info. We have support material and training to tell them what it all means... of course, you can lead a horse to water but you can't make them pay attention in accessibility class :) h -- --- http://cheshrkat.blogspot.com/ --- The future has arrived; it's just not --- evenly distributed. - William Gibson ** 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] repositioning markup
Tim Burgan wrote: How are these tags styled with CSS so that there are positioned in and out of order on the page with no relation to each other.. but when viewed in a text browser it viewed in it's original order. It can be done using a combination of floats, positioning, and margins (especially negative margins). Without details of what you want, it's hard to be more specific. ** 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] accessible image form buttons
The problem is the input style doesn't work in all browsers. In
particular Opera and some of the Mac browsers will ignore them, if I
remember correctly.
Current version of Opera does excellent job with styling input elements.
Opera even lets you change border on checkbox elements. I haven't seen
that possibility anywhere else.
On the other hand KHTML (Safari, Konqueror) absolutely refuses to apply
any styles to input elements.
For Safari I use such trick:
divinput//div
div {background: darkcolor url(darkimage);}
input {opacity: 0.5; -moz-opacity: 1; background: lightcolor
url(lightimage);}
As far as I know currently it is quite safe, but it will start to cause
trouble when Opera implements opacity and/or Gecko drops -moz- variant.
--
regards, Kornel Lesiski
**
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] The Holy Grail ... CSS Liquid Three-Column Layout
Hi Everyone! This is my first post to this group after reading it for a while. I must say, Im kinda scared to post to you guys! However, I really need your help. I think I may have found the Holy Grail that 3-column css liquid layout that allows for different colors and/or backgrounds for the body, the header, the footer, and the three columns NO MATTER WHICH COLUMN IS LONGEST. What I need help with is this: I have checked this out on Mozilla, FireFox, Netscape, and IE all on the pc. Can anyone who is interested please check it out on some other browsers/platforms? Also, I read the usual css blogs as much as I have time for, but Im not sure if someone else (or even several people) have already beaten me to the punch here. If not, I would take the time to write something up about it. Heres the link: http://www.ManiSheriar.com/holygrail By the way, I know that the code for the content comes after the code for the sidebars, but for accessibility concerns I could just put a skip to content link at the top, no? Anyway thanks for any feedback, and please be gentle with me. ;~) Mani (like Bonnie) Mani Sheriar Sheriar Designs | www.ManiSheriar.com
Re: [WSG] The Holy Grail ... CSS Liquid Three-Column Layout
Title: Re: [WSG] The Holy Grail ... CSS Liquid Three-Column Layou I think I may have found the Holy Grail that 3-column css liquid layout What I need help with is this: I have checked this out on Mozilla, FireFox, Netscape, and IE all on the pc. Can anyone who is interested please check it out on some other browsers/platforms? Here's the link: http://www.ManiSheriar.com/holygrail Checked (OK) Safari 1.2.4 OS X (Mac) Opera 6.0.3 (Mac) Netscape 7.1 OS X (Mac) Minor bugs IE 5.2 OS X (Mac): extra padding added to the width of the left and right columns Screenshot: http://www.motive.co.nz/temp/041217-hoygrail.gif (could be a known CSS bug related to IE implementation of box model-padding and border added to width) See: http://tantek.com/CSS/Examples/boxmodelhack.html Cheers, -- Andy Kirkwood | Creative Director MOTIVE | web.design.integrity http://www.motive.co.nz/ ph: +64 4 3 800 800 fx: +64 4 970 9693 mob: 021 369 693 93 Rintoul St, Newtown PO Box 7150, Wellington South, New Zealand
Re: [WSG] accessible image form buttons
The problem is the input style doesn't work in all browsers. In
particular Opera and some of the Mac browsers will ignore them, if I
remember correctly.
Current version of Opera does excellent job with styling input elements.
Hmmm... I have tried to hide the border of an input field in Opera, but
it flatly refused:
input{border:0;}
This is Opera 7.23
**
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] The Holy Grail ... CSS Liquid Three-Column Layout
Checked (OK) Safari 1.2.4 OS X (Mac) Opera 6.0.3 (Mac) Netscape 7.1 OS X (Mac) Minor bugs IE 5.2 OS X (Mac): extra padding added to the width of the left and right columns Screenshot: http://www.motive.co.nz/temp/041217-hoygrail.gif (could be a known CSS bug related to IE implementation of box model-padding and border added to width) See: http://tantek.com/CSS/Examples/boxmodelhack.html Thanks very much for the screenshot, Andy! I thought that I had already allowed for the box-model inconsistencies in my css code. Im wondering if 1E/MAC 5.2 doesnt like the negative margins on the side columns? Any ideas anyone? Mani Sheriar Sheriar Designs | www.ManiSheriar.com 925|914.0741
Re: [WSG] The Holy Grail ... CSS Liquid Three-Column Layout
I love the implementation of the HTML and CSS. But um, could you please turn off HTML in your email? THE AMAZINGLY LARGE TYPE IS SENDING ME BLIND. Thanks :) On Thu, 16 Dec 2004 18:33:58 -0600, Mani Sheriar [EMAIL PROTECTED] wrote: Checked (OK) Safari 1.2.4 OS X (Mac) Opera 6.0.3 (Mac) Netscape 7.1 OS X (Mac) Minor bugs IE 5.2 OS X (Mac): extra padding added to the width of the left and right columns Screenshot: http://www.motive.co.nz/temp/041217-hoygrail.gif (could be a known CSS bug related to IE implementation of box model-padding and border added to width) See: http://tantek.com/CSS/Examples/boxmodelhack.html Thanks very much for the screenshot, Andy! I thought that I had already allowed for the box-model inconsistencies in my css code. I'm wondering if 1E/MAC 5.2 doesn't like the negative margins on the side columns? Any ideas anyone? Mani Sheriar Sheriar Designs | www.ManiSheriar.com 925|914.0741 -- Website Designer/Developer www.nataliebuxton.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] The Holy Grail ... CSS Liquid Three-Column Layout
Anyone come up with, or implemented, a 3-column layout of this sort in which the left and right columns also stretch as a percentage of the page width? -Hugh Todd I think I may have found the Holy Grail that 3-column css liquid layout that allows for different colors and/or backgrounds for the body, the header, the footer, and the three columns NO MATTER WHICH COLUMN IS LONGEST. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Closed ..... Re: [WSG] SiteCheck please
Hi This thread is closed and the thread starter has been removed by Russ (again). Reminder: When responding to a site check, please use constructive criticism. Destructive criticism is scaring off our new members from posting. If you really don't like a page/site, take it off list. Cheers James -- admin ** 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] Dreamweaver : was [ Standards Macromedia Contribute]
Dreamweaver does, however, still fail on the object tag, especilly for the Flash template. Hi David Have your tried exporting a compliant template from Flash itself? Not sure if you can do this in DW? I did some experiments in this last year http://www.webqs.com/experiment.php?id=15 Cheers James ** 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] CSS rounded box generator
first of all, greetings and let me introduce myself. I'm Carlos Rincón a web programmer of Neurotic (http://www.neuroticweb.com), a spanish web designers company. I've just made a frontend of Hard Grog Cafe CSS rounded box generator. http://www.neuroticweb.com/recursos/css-rounded-box/ I'll take into account all the suggestions and critics -- Carlos Rincón Sanchez [EMAIL PROTECTED] Very, very nice. Any ideas on how I could put a rounded stripe of color with text in it across the top of the generated box? Thanks Rick Faaberg ** 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] accessible image form buttons
Hi
The correct syntax is
border : none;
Cheers
James
input{border:0;}
**
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] Another amazing css zen garden entry
http://www.csszengarden.com/?cssfile=http://www.css-praxis.de/cssocean/zenoc ean.css Make sure you look in a good browser and scroll down! Russ ** 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] Another amazing css zen garden entry
Hi all Remember to put the ean.css on the end! I was marvelling at a fantastic page of unstyled content (which shows how table free code is useful when styles are turned off!) then saw the URL was incomplete... Cheers James On Fri, 17 Dec 2004 15:36:18 +1100, russ - maxdesign [EMAIL PROTECTED] wrote: http://www.csszengarden.com/?cssfile=http://www.css-praxis.de/cssocean/zenoc ean.css ** 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] Another amazing css zen garden entry
hang on a sec.. Ill just pick my jaw up of the ground Thats amazing. On Fri, 17 Dec 2004 15:36:18 +1100, russ - maxdesign [EMAIL PROTECTED] wrote: http://www.csszengarden.com/?cssfile=http://www.css-praxis.de/cssocean/zenoc ean.css Make sure you look in a good browser and scroll down! Russ ** 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] Semantic markup for publication titles
SEMANTIC MARKUP FOR PUBLICATION TITLES In print the name of a publication is typically type-set in an oblique or italic font. A similar *visual* effect can be achieved either through the use of: - an italic font-tag iPublication/i (probably deprecated) - an emphasis tag emPublication/em - styling a span span class=pubPublication/span (with companion CSS) As far as I'm aware, none of these methods have anything to recommend them from a semantic perspective. Is there an alternative convention or standards-endorsed markup to communicate that the enclosed text refers to a publication? Elegance preferred (i.e. rather than adding title tags to any of the above options). Cheers, -- Andy Kirkwood | Creative Director MOTIVE | web.design.integrity http://www.motive.co.nz/ ph: +64 4 3 800 800 fx: +64 4 970 9693 mob: 021 369 693 93 Rintoul St, Newtown PO Box 7150, Wellington South, New Zealand ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Semantic markup for publication titles
Maybe I'm not fully understanding your question, but what about having a class (call it pub or whatever) and then defining font-style: italic in the CSS? Leslie Riggs SEMANTIC MARKUP FOR PUBLICATION TITLES In print the name of a publication is typically type-set in an oblique or italic font. A similar *visual* effect can be achieved either through the use of: - an italic font-tag iPublication/i (probably deprecated) - an emphasis tag emPublication/em - styling a span span class=pubPublication/span (with companion CSS) As far as I'm aware, none of these methods have anything to recommend them from a semantic perspective. Is there an alternative convention or standards-endorsed markup to communicate that the enclosed text refers to a publication? Elegance preferred (i.e. rather than adding title tags to any of the above options). Cheers, ** 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] Standards Macromedia Contribute
A few other things to be aware of with Contribute 3: You cannot edit pages that use server side includes. To be able to see the page in it's entirety, you have to instead use Dreamweaver Templates of Library Items. Doing this then ties you to Macromedia's proprietary standards , rather than standards compliant XHTML. On Wed, 15 Dec 2004 14:15:19 -, Sam Hutchinson [EMAIL PROTECTED] wrote: Anyone out there got any experience of adding a fully devised compliant template to Contribute to let the content owners manage their own pages ? Is it simply a case of defining the editable regions or should you build the site and then define the content that can be changed? Was planning on implementing along with: http://www.sammyco.co.uk/acttrwebpre/company.php ...would be interested to hear of any results good and bad - off list of you feel your reply isn't wide enough for everyone to be interested... Cheers SH ** 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] accessible image form buttons
Hi
The correct syntax is
border : none;
Cheers
James
input{border:0;}
Thanks, but even that does not seem to work in my version of Opera.
**
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] Another amazing css zen garden entry
Russ, I see it beautifully in Safari, but in Firefox only a blue background and tiny Times Roman text. What the...? -Hugh Todd http://www.csszengarden.com/?cssfile=http://www.css-praxis.de/ cssocean/zenoc ean.css Make sure you look in a good browser and scroll down! ** 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] Semantic markup for publication titles
SEMANTIC MARKUP FOR PUBLICATION TITLES In print the name of a publication is typically type-set in an oblique or italic font. A similar *visual* effect can be achieved either through the use of: - an italic font-tag iPublication/i (probably deprecated) - an emphasis tag emPublication/em - styling a span span class=pubPublication/span (with companion CSS) As far as I'm aware, none of these methods have anything to recommend them from a semantic perspective. Is there an alternative convention or standards-endorsed markup to communicate that the enclosed text refers to a publication? Elegance preferred (i.e. rather than adding title tags to any of the above options). use cite eg citePublication/cite By default it's rendered in italics usually, but you can of course style further. Mike SIGNIFY LTD :: the logic behind === ** 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] Another amazing css zen garden entry
Worked a treat in Friefox Win. Really lovely. On Fri, 17 Dec 2004 16:28:30 +1100, Hugh Todd [EMAIL PROTECTED] wrote: Russ, I see it beautifully in Safari, but in Firefox only a blue background and tiny Times Roman text. What the...? -Hugh Todd http://www.csszengarden.com/?cssfile=http://www.css-praxis.de/ cssocean/zenoc ean.css Make sure you look in a good browser and scroll down! ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- Website Designer/Developer www.nataliebuxton.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] Semantic markup for publication titles
Maybe I'm not fully understanding your question, but what about having a class (call it pub or whatever) and then defining font-style: italic in the CSS? Creating a custom class will yield the desired visual effect, however the class pub has no semantic value. Compare this to text marked-up with a heading tag; h1Heading text/h1 The text enclosed by this standard HTML tag is defined as a heading. Applying a class to the h1, e.g. h1 class=pubPublication title/h1 does not describe the text Publication title as a publication. -- Andy Kirkwood | Creative Director MOTIVE | web.design.integrity http://www.motive.co.nz/ ph: +64 4 3 800 800 fx: +64 4 970 9693 mob: 021 369 693 93 Rintoul St, Newtown PO Box 7150, Wellington South, New Zealand ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Semantic markup for publication titles
I would use the CITE tag, quoteCite: contains a citation or a reference to other sources/quote (http://www.w3.org/TR/html4?struct/text.html#h-9.2.1) if this is what you're after. Cheers Jeff On 17/12/04 4:05 PM, Andy Kirkwood | MOTIVE [EMAIL PROTECTED] wrote: SEMANTIC MARKUP FOR PUBLICATION TITLES In print the name of a publication is typically type-set in an oblique or italic font. A similar *visual* effect can be achieved either through the use of: - an italic font-tag iPublication/i (probably deprecated) - an emphasis tag emPublication/em - styling a span span class=pubPublication/span (with companion CSS) As far as I'm aware, none of these methods have anything to recommend them from a semantic perspective. Is there an alternative convention or standards-endorsed markup to communicate that the enclosed text refers to a publication? Elegance preferred (i.e. rather than adding title tags to any of the above options). Cheers, Cheers Jeff Lowder Accessibility 1st Ph: 02 9570 9875 Mobile: 0419 350 760 E-mail: [EMAIL PROTECTED] Website: http://www.accessibility1st.com.au DISCLAIMER: This e-mail and any files transmitted with it may be privileged and confidential, and are intended only for the use of the intended recipient. If you are not the intended recipient or responsible for delivering this e-mail to the intended recipient, any use, dissemination, forwarding, printing or copying of this e-mail and any attachments is strictly prohibited. If you have received this e-mail in error, please REPLY TO the SENDER to advise the error AND then DELETE the e-mail from your system. Any views expressed in this e-mail and any files transmitted with it are those of the individual sender, except where the sender specifically states them to be the views of our organisation. Our organisation does not represent or warrant that the attached files are free from computer viruses or other defects. The user assumes all responsibility for any loss or damage resulting directly or indirectly from the use of the attached files. In any event, the liability to our organisation is limited to either the resupply of the attached files or the cost of having the attached files resupplied ** 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] Another amazing css zen garden entry
Works fine in my copy of Firefox. Very nice crab. Gary On Fri, 17 Dec 2004 16:28:30 +1100, Hugh Todd [EMAIL PROTECTED] I I see it beautifully in Safari, but in Firefox only a blue background and tiny Times Roman text. What the...? ** 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] Semantic markup for publication titles
Cite isn't really appropriate is it? CITE: Contains a citation or a reference to other sources So you are not referencing a source, just mentioning a publication. On Fri, 17 Dec 2004 18:31:22 +1300 (NZDT), Mike Brown [EMAIL PROTECTED] wrote: SEMANTIC MARKUP FOR PUBLICATION TITLES In print the name of a publication is typically type-set in an oblique or italic font. A similar *visual* effect can be achieved either through the use of: - an italic font-tag iPublication/i (probably deprecated) - an emphasis tag emPublication/em - styling a span span class=pubPublication/span (with companion CSS) As far as I'm aware, none of these methods have anything to recommend them from a semantic perspective. Is there an alternative convention or standards-endorsed markup to communicate that the enclosed text refers to a publication? Elegance preferred (i.e. rather than adding title tags to any of the above options). use cite eg citePublication/cite By default it's rendered in italics usually, but you can of course style further. Mike SIGNIFY LTD :: the logic behind === ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- Website Designer/Developer www.nataliebuxton.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] Another amazing css zen garden entry
Now THIS is what makes designing with CSS fun!! I just love this. Leslie Riggs http://www.csszengarden.com/?cssfile=http://www.css-praxis.de/cssocean/zenoc ean.css Make sure you look in a good browser and scroll down! Russ ** 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] Semantic markup for publication titles
Natalie Buxton said: Cite isn't really appropriate is it? CITE: Contains a citation or a reference to other sources So you are not referencing a source, just mentioning a publication. well, I think it *is* a reference to [an]other source. Although I think the specs could be clearer! Examples certainly seem to use cite for this purpose. Some comment on this:http://www.cs.tut.fi/~jkorpela/HTML3.2/5.15.html Mike ** 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] Another amazing css zen garden entry
OK, Maybe I shouldn't have installed the final version of Firefox without deleting earlier versions and/or support files. You've prompted me to delete Firefox's Application Support. Revisiting the site... I see the crab! I see it all! And the blue background is more seamless than in the Colorsync-affected Safari. Now, why no crab in Safari? Sorry, getting OT. Just posted in case the Firefox fix is helpful for anyone else. -Hugh On 17/12/2004, at 4:36 PM, Gary Menzel wrote: Works fine in my copy of Firefox. Very nice crab. ** 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] Western Australian Government Website
Hi Natalie et al, We here at Cube 7 just finished ArtsEdge, a WA Government Department site. It's all fancy pants standard xhtml and css (with a smidge of flash) and uses Contribute for its CMS along with some custom backend for the events module. check it out: http://www.artsedge.dca.wa.gov.au/ Admittedly this client was a lot more liberal than most government departments, but no matter who you're working for they all need to adhere to the new standards of accessibility. Hopefully someone will redevelop http://www.dca.wa.gov.au soon too! :) Cheers, Michael Efford Senior Designer Cube7 - Creative Technology http://www.cube7.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 **
Re: [WSG] Semantic markup for publication titles
Title: Re: [WSG] Semantic markup for publication titles CITE: Contains a citation or a reference to other sources So you are not referencing a source, just mentioning a publication. Seems that the intended use is stretched to include marking-up a publication title using the cite tag (when not explicitly referencing content it contains). For example, a title may be provided without the content of a sentence in a bibliography. The first W3C example doesn't help clarify use: As CITEHarry S. Truman/CITE said, Q lang=en-usThe buck stops here./Q The use of cite in this example is at best redundant. Aside from the sentence structure, who said what is not communicated through markup. The q tag even includes a cite attribute. Perhaps something like, q cite="" S. TrumanThe buck stops here./q Would have been more appropriate. (NB: This is not the correct use of the cite attribute as defined by W3C) I'm aware that the core set of tags is somewhat impoverished though, so I'll settle for cite (for now). -- Andy Kirkwood | Creative Director MOTIVE | web.design.integrity http://www.motive.co.nz/ ph: +64 4 3 800 800 fx: +64 4 970 9693 mob: 021 369 693 93 Rintoul St, Newtown PO Box 7150, Wellington South, New Zealand
Re: [WSG] Semantic markup for publication titles
Dublin Core has a working group that have spent a lot of time on this. they didn't get very far for a long time but recently they seem to have got it right - I suggest you take a look there. http://dublincore.org/groups/citation (I think) There is a difference between citation and related documents - dc: relation handles that Liddy On 17/12/2004, at 2:54 PM, Mike Brown wrote: Natalie Buxton said: Cite isn't really appropriate is it? CITE: Contains a citation or a reference to other sources So you are not referencing a source, just mentioning a publication. well, I think it *is* a reference to [an]other source. Although I think the specs could be clearer! Examples certainly seem to use cite for this purpose. Some comment on this:http://www.cs.tut.fi/~jkorpela/HTML3.2/5.15.html Mike ** 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] Standards Macromedia Contribute
You can edit pages which contain SSI's, just not any of the content IN the SSI's. This is the perfect way to lock parts of the design you don't want the client to touch. No need for DW Templates at all! :) On Fri, 17 Dec 2004 16:22:38 +1100, David McDonald [EMAIL PROTECTED] wrote: A few other things to be aware of with Contribute 3: You cannot edit pages that use server side includes. To be able to see the page in it's entirety, you have to instead use Dreamweaver Templates of Library Items. Doing this then ties you to Macromedia's proprietary standards , rather than standards compliant XHTML. On Wed, 15 Dec 2004 14:15:19 -, Sam Hutchinson [EMAIL PROTECTED] wrote: Anyone out there got any experience of adding a fully devised compliant template to Contribute to let the content owners manage their own pages ? Is it simply a case of defining the editable regions or should you build the site and then define the content that can be changed? Was planning on implementing along with: http://www.sammyco.co.uk/acttrwebpre/company.php ...would be interested to hear of any results good and bad - off list of you feel your reply isn't wide enough for everyone to be interested... Cheers SH ** 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 **
Re: [WSG] Standards Macromedia Contribute
Hey David You cannot edit pages that use server side includes. To be able to see the page in it's entirety, you have to instead use Dreamweaver Templates of Library Items. Huh? You can't edit content that is being included, so if I have mypage.shtml and includes header.html, I can edit the content of mypage but not header. Personally I think that makes perfect sense and is highly desirable. Apart from that SSI works very well with Contribute 3. Doing this then ties you to Macromedia's proprietary standards , rather than standards compliant XHTML. You make it sound like the two are mutually exclusive, which is very misleading. There is nothing about the Dreamweaver template system that doesn't conform with XHTML. Dreamweavers templating works through the use of comments - nothing more. -- Mark Stanton Gruden Pty Ltd http://www.gruden.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] Standards Macromedia Contribute
You can edit pages which contain SSI's, just not any of the content IN the SSI's. This is the perfect way to lock parts of the design you don't want the client to touch. No need for DW Templates at all! :) Slightly OT, but anyway: Is there a way to get DW to display the contents of SSIs on a remote server, while editing on a workstation? h -- --- http://cheshrkat.blogspot.com/ --- The future has arrived; it's just not --- evenly distributed. - William Gibson ** 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] Standards Macromedia Contribute
Hi Sammy ***disclaimer*** I work for a Macromedia partner. I do lots of MM related stuff and like *some* of their gear a fair bit (esp. Coldfusion and Contribute). ...But I have my WSG hat on when on this list - not my MM hat. * Yes I've done a fair bit of this over the past 6 months or so. We have an intranet/wiki thing we use as a documentation tool in the office and it is completely Contribute based and valid XHTML. The system depends on parsing the pages server side (when the user performs an edit) to pull out meta data and bits of content to feed into the search, syndication feed and so on. Basically a poor mans CMS with no database. So if the validity breaks the site breaks. This is actually the first use I have ever found for XHTML, apart from this site I am HTML4 all the way. I can say that it is possible to enter invalid mark up into C3, but you have to try pretty damn hard (i.e. put an unescaped ampersand in the URL dialogue). On the whole it gets things right and forces XHTML. The other thing I was trying to test out with this intranet app was the CSS support. This has been a major problem in Contribute for us in the past. For our intranet I pulled a design off CSS Zen Garden, tweaked it a little, replaced the images and went for it. CSS support in Contribute 3 is *much* improved (Dreamweaver engine... yadda, yadda). The editing mode still has relatively minor problems with some position/padding/margin/width stuff but its workable (previously is was horrible). I've started writing up on some of the stuff I've done with Contribute at http://www.macromedia.com/devnet/contribute/articles/cps_cf.html. That article covers about the first 1/3 of what I have been messing with, there should be more to come early next year. I've also got a demo version of the sample app online, if anyone wants to take me at my word contact me off list :) Also I can tell you Jesse's comments are pretty much on the money in terms for rendering, C2 used to use Opera for its internal browser but they changed to IE on PC and god knows what on the Mac in C3. -- Mark Stanton Gruden Pty Ltd http://www.gruden.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] accessible image form buttons
On 17 dec 2004, at 01.36, Andreas Boehmer wrote: The problem is the input style doesn't work in all browsers. In particular Opera and some of the Mac browsers will ignore them, if I remember correctly. A couple of months ago, I spent hours (or was it days?) making screenshots of styled form controls [1] in various browsers, and can confirm this. Safari ignores nearly every attempt at styling, and others apply certain styles only. The conclusion is that form controls _will_ look very different in different browsers, no matter what you do (unless you use JavaScript hackery to create your own controls). [1] http://www.456bereastreet.com/archive/200410/ styling_even_more_form_controls/ /Roger ** 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] IE img border padding error
Hi all Was wondering if someone has some time to check out this *in progress* page I'm working on: http://www.xert.com.au/workshop/pbyron628/ I have validated the XHTML and CSS and it appears to be OK on Firefox, Safari, NS 7.0, Opera 7.5, IE Mac 5.2.3, but NOT in IE Win 6. The problem is that the 5px padding around the images does not show in IE Win 6.0. Not sure how it looks in IE Win 5.5. Any ideas etc greatly appreciated. -- XERT Communications email: [EMAIL PROTECTED] office: +61 2 4782 3104 mobile: 0438 017 416 http://www.xert.com.au/ web development : digital imaging : dvd production ** 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] Another amazing css zen garden entry
On Fri, 17 Dec 2004 15:36:18 +1100, russ - maxdesign [EMAIL PROTECTED] wrote: http://www.csszengarden.com/?cssfile=http://www.css-praxis.de/cssocean/zenoc ean.css Make sure you look in a good browser and scroll down! Russ Thanks Russ, but as for myself, I believe I like the unpretentious http://www.csszengarden.com/?cssfile=http://lyuanqing.freeprohost.com/verdure/css.css by his young man: Name: Lim Yuan Qing Age: 14 DOB: 25th January 1990 Location: Singapore Im currently a student at Temasek Secondary, class 2E2, and an active member of the Chess Club. Just under 2 years back, I had graduated from Ngee Ann Primary, class 6/1. Best, David -- http://www.dlaakso.com/ Using Opera's revolutionary e-mail client: http://www.opera.com/m2/ ** 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] SiteCheck please
http://PirateQueen.tk let me knowwhat you think :) xx Heb je MSN WebMessenger al ontdekt? ** 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] noscript in xhtml1.0 strict
Is the noscript tag not allowed anymore in XHTML 1.0 Strict? I'm trying to use it, but it does not validate. If it IS allowed, what markup should I use to make it validate? Many thanks! Nick ** 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] background loading issue
Nick Verstappen wrote: You should at least add a (white, or light grey) background color to the body or div with the main content. If you do, users can start reading the content even when the background isn't loaded yet (or does nog load at all). Excellent suggestion... I did notice that the text was completely unreadable until the background appeared. I wonder too about your bandwidth limits with your hosting service. 275K every time someone hits the home page for the first time is kinda hefty. Naturally, as they surf the site, that initial download only happens once so if its within acceptable limits, go for it. BTW, love the background. ** 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] SiteCheck please
??? html 4.01 is the best :) From: David R [EMAIL PROTECTED] Reply-To: [EMAIL PROTECTED] To: [EMAIL PROTECTED] Subject: Re: [WSG] SiteCheck please Date: Thu, 16 Dec 2004 17:38:26 + Sabrina xxx wrote: http://PirateQueen.tk http://piratequeen.tk/ let me know what you think :) xx %@ Import Namespace=PopIdol % %@ Register TagPrefix=Critic TagName=Simon Assembly=dlls\Simon.ascx % Critic:SimonCowell class="Harsh" runat="server" Frames? Animated Gifs? Big full-screen, resolution dependent images? FRAMES AND POPUPS!??! Call yourself a webdesigner! This is the sort of tripe you see off ANGELFIRE or TRIPOD, or even GEOCITIES!! And HTML4.01 too! You clearly haven't got a sense of design or colour co-ordination! Even FrontPage (2003, of course) can churn out better designed sites using its themes tool! You're a disgrace to the pirate community! Begone! /Critic:Simon Well... thats what the right-side of my brain thinks *smirks* Don't take it too harshly, I'd dish out that to a person who ostienciously self-promoted and advertised his perceived opinion that he was "the best". Clearly, you're just beginning to hand-code, and the road is long and filled with pot-holes (read: IE standards bastadisation), and I wish you the best of luck with your future endevours :) -David R (yes, I know there are a few spelling mistaykes :p) ** The discussion list forhttp://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** Op zoek naar een soulmate? ** 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] background loading issue
Hi, Any suggestions on bringing the file size down? I've tried interlacing the .gif the current size is the lowest without image degradation. CK Thanks for the compliment on the background. Any other suggestions or critique of the design is welcome off-list On Thursday, December 16, 2004, at 10:10 AM, Charles Martin wrote: I wonder too about your bandwidth limits with your hosting service. 275K every time someone hits the home page for the first time is kinda hefty. Naturally, as they surf the site, that initial download only happens once so if its within acceptable limits, go for it. BTW, love the background. CK __ Knowing is not enough, you must apply; willing is not enough, you must do. ---Bruce Lee ** 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] my form field looks like the girl that chewed gum on willy Wonkas
In your forms.css file, this line is causing the problem:
#search {width:215px; clear:left; padding-top:15px; }
Change the padding-top to 1px or something and it looks normal.
Paul
**
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] my form field looks like the girl that chewed gum on willy Wonkas
We have plenty of forms on our site and they all behave pretty well, except our
search box. The coding is exactly the same, the style sheets are the same, but
the text input box is huge!
http://www.csatravelprotection.com/csa/help.do
The only variation is the form action. It is referencing a form action at
freefind.com.
In forms.css you apply padding of 15 px to the top of the search form
element, if you change this to a margin instead or remove the padding it
looks to solve the problem. Change this rule:
#search {width:215px; clear:left; padding-top:15px; }
It is also a bit bigger after changing the above rule as it recieves
additional padding from this rule in screen.css
#search {clear:both; padding:5px 0 5px 10px; }
The padding in both of these rules is applied within the input element,
a margin would be better for spacing in this case.
--Ryan
**
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] my form field looks like the girl that chewed gum on willy Wonkas
Check all your styles relating to #search... which appear to be set up for a form. However, your form is contained in #stack, and #search is simply an input. The extra height is caused by padding. The fix is: 1. replace #search with #stack in your css, or 2. change #stack to #search in your html and removing the id from the input field. Terrence Wood. On 2004-12-17 9:02 AM, Ted Drake wrote: Can a form action cause a form field to grow? Here's a page that has a similar form, look at the way it's input fields behave properly. http://tcdpc/csa/contact-travel-insurance.do Thanks for any feedback on this question Ted Drake Web Content Editor CSA Travel Protection http://www.csatravelprotection.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 ** -- You know you've achieved perfection in design, not when you have nothing more to add, but when you have nothing more to take away. -Antoine de Saint-Exupery ** 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] accessible image form buttons
this is the style we use for our submit button
input.submit {
border: 3px double #999;
border-top-color: #ccc;
border-left-color: #ccc;
padding: 0.15em;
background: #feb333 url(../images/o.gif) repeat-x 0 0;
color: #333;
font-weight: bold;
margin:0 10px;
font-size:10px;
}
input.submit:hover {background: #feb333 url(../images/oh.gif) repeat-x 0
0;color:#f2f2f2;}
It came from a page that suggested it for making buttons look like the
macromedia web site.
You could try using background images, padding, margins, etc. But I have
noticed some browsers completely ignore input styles.
Ted
-Original Message-
From: Andreas Boehmer [mailto:[EMAIL PROTECTED]
Sent: Thursday, December 16, 2004 2:52 PM
To: [EMAIL PROTECTED]
Subject: [WSG] accessible image form buttons
What would you recommend is the best way to create a form with a submit
button made up of text+image? So what I have planned is the word
Search followed by a little icon. The user can click either of them
and the form will submit.
I am playing with multiple solutions, but have not found anything yet
that I like:
SOLUTION 1:
BUTTON
Search img src=button.gif alt=Search
/BUTTON
Problem: Doesn't work in older browsers (e.g. NN4).
SOLUTION 2:
a href=javascript:submitForm()Search/a
input type=image src=button.gif alt=Search
Problem: Relies on Javascript to submit the form when text is clicked.
SOLUTION 3:
input type=image src=Searchbutton.gif alt=Search
(image includes text search icon)
Problem: The text-size can't be increased by the user.
I'd be interested to hear if anybody has found a nice solution for this?
Thanks!
Andreas Boehmer
User Experience Consultant
Phone: (03) 9417 0468
Mobile: (0411) 097 038
http://www.addictiveMedia.com.au
Consulting | Accessibility | Usability | Development
**
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] Western Australian Government Website
Hi Kay et al, Coming in late here. I couldn't find the original post so am not quite clear about the new common badging apparently to be released? Will that change the Office of the E-Govt design guidelines which say at http://www.egov.dpc.wa.gov.au/index.cfm?fuseaction=guidelines.design (3.3.3. Other pages): It is not necessary for web sites to be redesigned to fit the common badging look, however they should carry the Government Symbol in a prominent position (ie. visible without scrolling) on their entry page/s. Which is in keeping with the Common Badging Guidelines. So basically all govt sites can look like whatever they want! Is this likely to change, then? The dept where I used to work is about to have their website redesigned and AFAIK they have not even considered common badging let alone branding. Thankfully, validity, usability and accessibility are high priorites, however even that will be limited by the CMS they are going to use. I imagine the matter of validity and accessibility and CMSs is huge across State Govt. Perhaps Govt itself should develop (or modify) a CMS and make it freely available to all depts. (I'm full of good ideas, me! I can just imagine the screams of web developers being forced to fit into a mould! Which sounds like it could happen anyway with this new common badging?) But yeah, I do believe that the general intention is good - it's just a bit too wishy-washy at present, to be effective. When the new WA Museum site was launched my boss pointed out to them that as most of it was Flash it was pretty inaccessible and apparently(!) their manager had no idea. I don't dare look and see if that's still the case. Vicki. :-) Kay Smoljak wrote: Anyway, it will be interesting to see what they come up with when the new common badging is released. ** 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] styling :first-line Pseudo-element
Hi, can anyone help me with this please.
I have a class .pmi in my page and I want style the first line of
differently so that the first line is smaller than the second line. The
code below doesn't seem to work and I was wondering if it was because of
the br/ tag in my html.
p class=pmiRead more about the PMBOKbr /
a href=http://www.pmi.org/info/pp_pmbok2000welcome.asp; target=
_blankProject Management Institute: PMBOK Guide/a /p
.pmi {
background-image: url(../images/pmi.gif);
background-position: left top;
background-repeat: no-repeat;
color: #7B3000;
font-family: Times New Roman, Times, serif;
font-size: 1.5em;
height: 35px;
padding-left: 50px;
}
.pmi p:first-line {
font-size: 1.2em;
}
.pmi a:link{
border-bottom-color: #7B3000;
border-bottom-style: dashed;
border-bottom-width: 1px;
color: #7B3000;
padding-bottom: 3px;
text-decoration: none;
}
Thanks for all your wonderful help, this list is a lifesaver.
***
Helen Rysavy
Web Designer, Teaching Learning Development
Charles Darwin University, Northern Territory 0909
Tel: 8946 7779 Mobile: 0403 290 842
mailto:[EMAIL PROTECTED]
www.cdu.edu.au
CRICOS Provider No: 00300K
***
**
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] styling :first-line Pseudo-element
[EMAIL PROTECTED] wrote: I have a class .pmi in my page and I want style the first line of differently so that the first line is smaller than the second line. The code below doesn't seem to work and I was wondering if it was because of the br/ tag in my html. .pmi p:first-line To make it work, it should be p.pmi:first-line or .pmi:first-line What you have means: the first line of the paragraph which is a descendant of an element with class pmi...which is wrong, as it's the paragraph itself that has been assigned the class. -- Patrick H. Lauke _ re·dux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.] www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.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] Western Australian Government Website
On Thu, 16 Dec 2004 16:52:38 +0800, Nick Cowie [EMAIL PROTECTED] wrote: One of the main problems with the WA gov sites is that a little over two years ago a large number of govt departments got amalgamated. Most of my peers have spent the last couple of years trying to get three, four or more sites into a single logical structure (and boy it is fun with all the internal polictics involved). I spoke to my friend at the Dept of Premier and Cabinet, and she said that the particular web site we're discussing here is somewhat of a problem as it's managed by a different department to the main state government stuff. They're currently discussing getting rid of it completely. Anyway, it will be interesting to see what they come up with when the new common badging is released. -- Kay Smoljak http://kay.smoljak.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] Western Australian Government Website
Natalie Buxton wrote: Why do organisations (be they private or public) continue to blame a CMS for things like poor validity and accessibility? Choosing a CMS that comforms the the requirements of well-formed valid (X)HTML and CSS, as well as good usability and accessibility should surely be the first point before worring about the design? Hi Natalie, It's not always black and white - I am glad it has been for you, though! Unfortunately it wasn't for us. The politics and red tape in Govt departments can be wearying. Basically this dept has had very little support in upper management for the website. While the web unit is very keen and pro-standards, the management does not see it as a financial priority. So a commercial CMS was out (at this point) for that reason. The only reason funding was approved for the Open Source CMS was that the only costs would be development ones - and only then because the Powers That Be decided it would be nice to have a new website in time for the dept's 20-year anniversary. :-| Also, there is a great need across the dept for an integrated CMS (not just a web CMS but also document and other management) and the time frame for that is 5+ years. It will actually probably be longer because there is just about no intra-department communication. I actually found out from a CMS vendor that they'd been having discussions with someone from my dept from another division! It simply wasn't going to happen any time soon, and the website was built in 1996 and desperately needed rebuilding - not merely redesigning, I'm afraid. Some primary functions of the department had changed in that time, and certainly the structure of the department has. We weren't prepared to wait 5+ years, and couldn't really do our jobs properly without a restructure, so just did the best we could under the circumstances. The CMS was chosen for all kinds of reasons. In itself it's XHTML and CSS-driven, but a lot of the 3rd party add-ons are pretty dreadful. We realise this will improve though, so for now time and resources might limit the amount of hacking done, but within a year or two it should be fine. We decided we could live with that time frame. Thus my (almost) tongue in cheek suggestion that the State Govt provide a CMS for all the Dept's to use, or at least recommend an approved one, so funding isn't an issue, as there would be no choice but to cough up. :-) Vicki. :-) ** 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] accessible image form buttons
Andreas Boehmer wrote:
What would you recommend is the best way to create a form with a submit
button made up of text+image? So what I have planned is the word
Search followed by a little icon. The user can click either of them
and the form will submit.
How about using a normal submit button, styled with some simple CSS?
#submit {
background: transparent url(search.png) no-repeat center right;
border: none;
padding: 0 15px 0 0; // the image above is 15px wide
}
input type=submit value=search id=submit /
--
Patrick H. Lauke
The problem is the input style doesn't work in all browsers. In
particular Opera and some of the Mac browsers will ignore them, if I
remember correctly.
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
