Re: [WSG] Re: WSG Digest
On Sun, 1 Apr 2012, Chad Furman wrote: Eww. Why is "twenty-five-and-three-quarters percent" better than "25.75%" -- and why is it mandatory? Do you prefer typing 2012-04-01 or 1 April 2012 or ...? Why is putting one attribute per one selector per line cleaner? To me, that is unnessecary typing! MORE seems like a lot MORE typing and time than necessary... Glad it works for you... not for me, though. On Sun, Apr 1, 2012 at 10:31 AM, wrote: * WEB STANDARDS GROUP MAIL LIST DIGEST * From: Russ Weakley Date: Sun, 1 Apr 2012 13:27:58 +1000 Subject: Possibly the best CSS framework ever? You have probably seen all sorts of CSS frameworks over the years... but is this the best CSS framework ever? http://morecss.org/ :) Russ ** Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ** -- Chris F.A. Johnson, <http://cfajohnson.com/> Author: Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Wrapping text before float drop
On Thu, 3 Nov 2011, Philip TAYLOR (Webmaster, Ret'd) wrote: Chris F.A. Johnson wrote: Use a table. If the relationship between them is such that they must be side by side, then a table is the correct element to use. Two columns must be side-by-side, Chris, yet the received wisdom is that a table is an inappropriate way of presenting such material, both because it compromises accessibility and because the semantics of are inappropriate to something that is not fundamentally tabular in nature. If they *must* be side by side, then the relationship *is* tabular in nature. -- Chris F.A. Johnson, <http://cfajohnson.com/> Author: Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Wrapping text before float drop
On Thu, 3 Nov 2011, Stevio wrote: If I have two floats side by side, both are floated left as follow: .myfloat{ float:left; } and both contain text as follows: Longer amount of text. Longer amount of text. Longer amount of text. Longer amount of text. Small amount of text. Is there any way to prevent the second div from dropping below the first div when the viewport is narrowed, without specifying widths for either of the floats? What I would like is for the text in the first div to wrap before the second float drops below the first. Is this possible without using widths? Use a table. If the realtionship between them is such that they must be side by side, then a table is the correct element to use. -- Chris F.A. Johnson, <http://cfajohnson.com/> Author: Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] How do you cater to users with disabilities?
On Tue, 23 Aug 2011, David Laakso wrote: On 8/23/11 3:53 AM, Mike Kear wrote: Mike Kear http://afpwebworks.com Setting the fonts at user default Absolutely! and ditching Verdana is the first place to start... Totally irrelevant. There is nothing wrong with Verdana; it is only very slightly larger than Helvetica or Arial. Problems only occur when its font size is reduced to compensate. -- Chris F.A. Johnson, <http://cfajohnson.com/> Author: Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Desktop. Tablet. Mobile.
On Fri, 6 May 2011, David Laakso wrote: On 5/6/11 11:42 AM, Chris F.A. Johnson wrote: On Fri, 6 May 2011, David Laakso wrote: This end... Desktop: OS X 10.4 Tablet: No got. Mobile: OperaMini os SanyoMirro 4 BoostMobile. uri: <http://chelseacreekstudio.com/m/> Text is cut off: <http://t.cfaj.ca/mentor.jpg> In what OS, in what browser, in what size window, at what plus font-scaling, or minimum font size? GNU/Linux, any browser. Minimum font size 18px. (I see you've fixed it.) -- Chris F.A. Johnson, <http://cfajohnson.com/> Author: Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Desktop. Tablet. Mobile.
On Fri, 6 May 2011, David Laakso wrote: First-pass. Comments and suggestions appreciated. This end... Desktop: OS X 10.4 Tablet: No got. Mobile: OperaMini os SanyoMirro 4 BoostMobile. uri: <http://chelseacreekstudio.com/m/> Text is cut off: <http://t.cfaj.ca/mentor.jpg> -- Chris F.A. Johnson, <http://cfajohnson.com/> Author: Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] HTML/CSS reference
On Wed, 6 Apr 2011, Webb, KerryA wrote: Chris wrote: On Wed, 6 Apr 2011, Kevin Ireson wrote: Oh come on. Surely you cannot dispute http://www.w3schools.com/ for the basics. Even after all of these years. The fundamental concepts work. I wouldn't trust w3schools.com (note that it has nothing to do with the W3C) after looking at their HTML tutorial: <http://cfajohnson.com/torontowebdesign/w3schools/> You say (on that page): The alt attribute is mandatory, not just "good practice". It's not, you know. For decorative images, it's not even recommended. Try validating a page that has an IMG without an ALT attribute! The attribute may be empty, but it MUST be there. -- Chris F.A. Johnson, <http://cfajohnson.com/> Author: Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] HTML/CSS reference
On Wed, 6 Apr 2011, Kevin Ireson wrote: Oh come on. Surely you cannot dispute http://www.w3schools.com/ for the basics. Even after all of these years. The fundamental concepts work. I wouldn't trust w3schools.com (note that it has nothing to do with the W3C) after looking at their HTML tutorial: <http://cfajohnson.com/torontowebdesign/w3schools/> Kev http://.hotels-london-hoteks.com From: Andrew Staff Sent: Tuesday, April 05, 2011 11:56 PM To: wsg@webstandardsgroup.org Subject: [WSG] HTML/CSS reference Hello all, I was wondering if anyone on this distribution list would have a recommendation for a great HTML/CSS reference bible? I’ve been web developing for over 10 years but only in the last 2 have I got heavier into the HTML and CSS side of things and I’d class myself as an intermediate in terms of knowledge so not looking for a starters/beginners/HTML for dummies type of reference but more a in depth, tips and tricks for layout, cross-browser compatibility tips, do’s and don’ts, etc. I have a load of web references and enjoy the links for light reading however am after a book that I can take with me on my commute and have as a reference when needed at work etc. Any help would be greatly appreciated. Kind Regards Andrew *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** This email has been scanned by Netintelligence http://www.netintelligence.com/email *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- Chris F.A. Johnson, <http://cfajohnson.com/> Author: Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] what is the exact version of FF 3.6 x prior to FF4?
On Thu, 31 Mar 2011, Fabien BENARIAC wrote: ... (I don't understand why you want to run FF3x modules with FF4x...) If it ain't broke... -- Chris F.A. Johnson, <http://cfajohnson.com/> Author: Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] what is the exact version of FF 3.6 x prior to FF4?
On Thu, 31 Mar 2011, tee wrote: I upgraded to FF4 without checking the compatibility of the addons. Both YSlow and Page Speed aren't compatible, now I need to install the previous version that I used, but can't remember the exact version. There seems to be a number of 3.6.x. The latest I have is 3.6.13 This is for Mac. Thanks! After upgrading to FF4, most addons worked -- until I restarted FF. However, after re-installing the addons, most of them worked fine. -- Chris F.A. Johnson, <http://cfajohnson.com/> Author: Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] HTML5 v. HTML 4.x
On Mon, 24 Jan 2011, Christian Snodgrass wrote: One word : semantics. It all has to do with what the tags mean to the computer. For example, you can write to specify that the markup in that div is code and should be displayed as such. However, to the browser, the means nothing more than . They're both just divs. Now, if you use the new code element instead, that tells the browser it is code. There's a new code element? How does it differ from the old one? -- Chris F.A. Johnson, <http://cfajohnson.com/> Author: Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Help - Anchor Link to specific area on web page
On Tue, 18 Jan 2011, E W wrote: Hi Fellow Web Master Friends, I'm creating a web page and need help with Named Anchor Links. Problem: when clicking on a roll over that is linked to another a web page using a Named Anchor in a specific area on the linked web page, the browser jumps to the linked page but for a brief moment it goes to the top of the web page and then down to the area where the Named Anchor is located. I do not want it to go to the top of the web page first. Instead I want it to just go to the Named Anchor location. Also, this seems to be happening in Internet Explorer and Firefox on PC but not on Firefox on Mac. In Firefox 3.6.13 on Linux it goes directly to the anchor. See other problems: <http://t.cfaj.ca/radcal1.jpg> <http://t.cfaj.ca/radcal2.jpg> View the problem: http://www.radcal.com/accugold-private2.html#sensoroptabs - click on the each of the four tabs: Diode Dose Multisensors, Ion Chamber Dose Sensors, Diode Dose Sensors and mA and mAs Sensors and see how the links work from page to page. I'm wondering if it has something to do with the Browsers Defaults on where you land on a page when clicking on the links? Your feedback and help is appreciated. -- Chris F.A. Johnson, <http://cfajohnson.com/> Author: Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] XHTML or HTML?
On Wed, 10 Nov 2010, cat soul wrote: Any thoughts on which we ought to be using, and what information ought to be up at top of an HTML page, along with , etc? The first line should be a doctype. I recommend either 4.01 strict or HTML5. http://www.w3.org/TR/html4/strict.dtd";> or In the HEAD you need a TITLE element. You probably also want a charset declaration, e.g.: a link to a stylesheet: a description META tag: Then the BODY. And always check your page with <http://validator.w3.org/>. -- Chris F.A. Johnson, <http://cfajohnson.com> Author: Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Current thinking on fixed width/liquid design ?
On Thu, 19 Aug 2010, Ben Davies wrote: I prefer liquid layouts, but I use a max-width property to control how wide my content is allowed to get. That's what I do, too. On Thu, Aug 19, 2010 at 11:14 AM, Lyn Smith wrote: Good morning Was wondering what the latest opinions are on using fixed width or liquid design in light of the ever increasing size of monitor screens. Having just got a new computer with a 24" screen, I was not happy with the look of some of my liquid design sites. While they are OK in screen resolutions up to 1280, above that, they seem too stretched out. One in particular had a couple of lines of text which went from one side of the screen to the other - not a good look. It seems to me, going by the sites I have frequented of late, that many seem to favour fixed width of 900-1000px which requires scrolling for 800x600 resolutions but don't look too bad whatever the higher size of screen and resolution. -- Lyn Smith www.westernwebdesign.com.au Affordable website design Perth WA *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** -- Chris F.A. Johnson, <http://cfajohnson.com> Author: Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Is it still necessary to encode ampersands?
On Fri, 25 Jun 2010, Jelina Korhecz wrote: > Hi Dan, > > As far as I'm aware, this is still necessary. However, if you're > doing a huge replacement of & to & you can use BBEdit or (the free > version) Text Wrangler to find and replace over multiple files. > (However this program is only available on the mac--I'm not sure if > Windows/Linux has a similar application.) Linux (or any Unix system) has many tools to do the job: sed, awk, or any decent text editor. On GNU/Linux, for example: sed -i -e 's/&/\&/g' -e 's/&/\&' *html > If you need a hand with using BBEdit/Text Wrangler, feel free to drop > me a line :) > > On Fri, Jun 25, 2010 at 3:39 PM, Dan Webb wrote: > > Hi folks, > > > > Years ago, I use to painstakingly and religiously convert & to & > > when ever I encountered it (HTML 4.01 Strict doctype). > > > > It's still pegged as invalid by the W3C validator, but is it really > > still necessary these days? What could possibly go wrong in modern > > browsers? > > > > I'm talking specifically here about ampersands in URLs that are > > provided to me by database vendors, which I have no control over; I'm > > about to start inserting literally 100s of them into static html > > pages. -- Chris F.A. Johnson, <http://cfajohnson.com> Author: Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] two Safari issues
On Wed, 28 Apr 2010, tee wrote: > On Apr 28, 2010, at 3:38 PM, Chris F.A. Johnson wrote: > > > On Wed, 28 Apr 2010, tee wrote: > >> On Apr 25, 2010, at 2:51 PM, tee wrote: > >> > >>> In this site, if you click on Accordion menu, in the second (last) menu, > >>> Safari shows a rectangular outlined block; hover to the Links' menu, you > >>> can see the extra outlined block. Seems to be related to hover but I > >>> can't anything in my code that is causing it. > >>> http://simplissimo.com.br/blog/ > >> > >> Nobody knows? > > > > The first step is always to make sure that you are using valid > > HTML. > > > > > > <http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fsimplissimo.com.br%2Fblog%2F> > > > > > > Once the HTML is OK, you can look at other things. > > > > No offend Chris! You might want to study what those validation > errors are first and if they are related to the issue in Safari (and > Safari only) before telling me to clean up my client's markup. In a Web standards group, validation is always an issue. If there are errors, how do you know that the browser's error correction isn't causing the problem? The errors are easy to fix, so why not do it? -- Chris F.A. Johnson, <http://cfajohnson.com> Author: Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] two Safari issues
On Wed, 28 Apr 2010, tee wrote: > On Apr 25, 2010, at 2:51 PM, tee wrote: > > > In this site, if you click on Accordion menu, in the second (last) menu, > > Safari shows a rectangular outlined block; hover to the Links' menu, you > > can see the extra outlined block. Seems to be related to hover but I can't > > anything in my code that is causing it. > > http://simplissimo.com.br/blog/ > > Nobody knows? The first step is always to make sure that you are using valid HTML. <http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Fsimplissimo.com.br%2Fblog%2F> Once the HTML is OK, you can look at other things. -- Chris F.A. Johnson, <http://cfajohnson.com> Author: Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Horizontal scroll bar sometimes appear in my project
On Wed, 14 Apr 2010, Naim Latifi wrote: > > Hi, > > I removed "width:1085px" but my container changed and the horizontal bar > still is appearing. Provide a URL so that we can see what's happening. -- Chris F.A. Johnson, <http://cfajohnson.com> Author: Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Horizontal scroll bar sometimes appear in my project
On Wed, 14 Apr 2010, Naim Latifi wrote: > > Hi everyone, > I just realized that horizontal scroll bar is sometimes appearing in my > project. When I run the project in my computer for instance there is no > horizontal scroll bar but one day I run the project in my computer's friend > then the horizontal scroll appeared. Any idea for that will be > appreciated?Here is my code below that I am using: > > > body { > -moz-background-clip: border;-moz-background-inline-policy: > continuous;-moz-background-origin:padding; font: .8em Arial, > Sans-Serif; line-height: 1.9em; color: #444; > background-color:#696969; margin:0;padding:0;overflow:auto; > } > > #container{ width:1085px;margin-left:auto;margin-right:auto; >background-color:White; > }************ Remove width:1085px; -- Chris F.A. Johnson, <http://cfajohnson.com> Author: Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] IE ignores MIME type
On Sun, 11 Apr 2010, David Hucklesby wrote: > A student at a Web design course asked me how to include a common > heading on all his pages without copy and pasting into each. I walked > him through the process of making a Server-Side Include. > > http://webwiz.robinshosting.com/jaime/ > > This is a demo I made for him. The "view source" is named with a ".txt" > suffix, and sent as Content Type text/plain. But Internet Explorer, > alone among my browsers, insists on displaying the two files containing > HTML as if they were text/html. > > Oddly, IE 7 will display the "included file" as intended on page > refresh. All other IE versions stubbornly refuse. Any ideas how to get > IE to play nice, please? Rename the file index.txt instead of index.html.txt Firefox used to do the same thing, IIRC. -- Chris F.A. Johnson, <http://cfajohnson.com> Author: Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Remove horizontal scroll in the page
On Wed, 3 Mar 2010, Naim Latifi wrote: > > Hi, > I have realized that in a screen 17 inches I have the horizontal scroll. > Below is the code for the container that I have in a page. > > #container{ -moz-background-clip: border; > -moz-background-inline-policy: continuous;-moz-background-origin:padding; >width:1085px;margin-left:auto;margin-right:auto; > background-color:White; >} > How to remove the horizontal scroll ? Remove width:1085px; -- Chris F.A. Johnson <http://cfajohnson.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] I need a professional eye back again.
On Wed, 3 Feb 2010, PurencoolGmail wrote: > Hi everyone > > I have slowly going through all the tips this group > gave me and add fixes etc. > > But I have on fix i can't fix and that is the foot ul > it does not mater what I do I cannot get the or or > padding or margin to move the css top down can anyone see > an issue? > > Also someone suggested highlighting the link of the page the user > is currently view. How do others do this as I have never tried it. > > Thanks the site is www.purencool.com Errors found while checking this document as XHTML 1.0 Transitional! Result: 13 Errors Address: http://www.purencool.com -- Chris F.A. Johnson <http://cfajohnson.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Accessibility does not matter!
On Sat, 30 Jan 2010, Jason Grant wrote: > @Chris F. A. Johnson > Once again, the site only looks rubbish for most part and is still > accessible with larger font size. But even that is unnecessary; there's no good reason not to have it look good for everyone. > How do you propose overcoming this issue with fixed width layouts. Don't use fixed-width layouts. <http://cfaj/cfajohnson.com/webdesign/fixed-width/> > I don't want my site to look rubbish like your for 98% of my users. What, pray tell, looks like rubbish? What doesn't work for 99% of viewers? > Also with CSS switched off the site's content is perfectly visible > with whatever default font size. One would certainly hope so! Now take it that tiny step further and make it work for everyone no matter what their default font size. -- Chris F.A. Johnson <http://cfajohnson.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Accessibility does not matter!
On Sat, 30 Jan 2010, Jason Grant wrote: > @Chris > I couldn't resist this Sir. > Your site: http://chess.cfajohnson.com/ > Uses two tables on the front page. > The first should be a and both are missing section. Poor > accessibility. I agree. That's a very old page that I haven't yet got around to fixing up. > It's also an unusual practice to be putting inline images into an > , but at the very top you have construct going on. There's nothing wrong with unusual. > HHmmm. > Anyway. Back to my shell script. ;-) -- Chris F.A. Johnson <http://cfajohnson.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Accessibility does not matter!
On Sat, 30 Jan 2010, Jason Grant wrote: > Thanks to people who have commented via blog and email. ... > @Chris F.A. Johnson That page is accessible, it just looks shit in the > browser you tested in (whatever you have used there - would have nice > to have test environment details). The only environment detail that matters is the font size. You haven't allowed for users with a different default font size -- and that *is* a matter of accessibility. > I don't care. Content is visible > and accessible. I am not intending to support everything under the Sun > under my blog. Why not? It's more work to prevent it working everywhere than it is to *let* it work everywhere. -- Chris F.A. Johnson <http://cfajohnson.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Accessibility does not matter!
Nor, apparently, does a page which works: <http://cfaj.freeshell.org/testing/flexewebs.jpg>. -- Chris F.A. Johnson <http://cfajohnson.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] HTML 5
On Thu, 21 Jan 2010, Jayachandran Kandasamy wrote: > Hi All, > > Anybody is studying HTML 5 tutorial - like the tutorials should have > examples and solutions for modern browser compatibility, please share the > tutorials if it is available online What tutorial are you talkiing about??? URL?? -- Chris F.A. Johnson <http://cfajohnson.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] produce page vallidation
On Wed, 20 Jan 2010, Marvin Hunkin wrote: > hi. > got errors again. > sorry for bothering you guys. > but this is stupid. > not sure why it is not liking some of my tags. > maybe getting mixed up with html and xhmtl. I think someone has already mentioned these problems: You have a before the tag. You have two tags where they don't belong. (You should remove all such cases and use CSS to get extra space.) -- Chris F.A. Johnson <http://cfajohnson.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] index page vallidation
On Wed, 20 Jan 2010, Marvin Hunkin wrote: > can you help me out. Possibly -- if you post a URL. -- Chris F.A. Johnson <http://cfajohnson.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Styling IE8 web slices
On Mon, 18 Jan 2010, Jens-Uwe Korff wrote: > Hi all, > > I find that when implementing a web slice its background displays a sprite we > use. All efforts so far to style the background to plain white failed (even > with inline styles as recommended by MS [1]). > > Has anyone successfully styled web slices that do not have a separate HTML > source? What does a proprietary technique have to do with web standards? Does it even work with anything other than IE8? > [1] http://msdn.microsoft.com/en-us/library/cc848871%28VS.85%29.aspx -- Chris F.A. Johnson <http://cfajohnson.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] css tutorial
On Fri, 15 Jan 2010, Matthew Pennell wrote: > On Fri, Jan 15, 2010 at 6:17 AM, Chris F.A. Johnson > wrote: > > > I find it hard to take it seriously when it has > > body { font-size:62.5%; } in <http://dev.opera.com/css/screen.css> > > > > If you're going to snipe, it's a good idea to provide an explanation and say > why you think something is a bad idea. > > http://www.clagnut.com/blog/348/ Every other discussion group I participate in regards "clagnut" with derision. There is no good reason for anything other than font-size: 100%. -- Chris F.A. Johnson <http://cfajohnson.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] css tutorial
On Fri, 15 Jan 2010, Frank Palinkas wrote: > Hi Marvin. > > Also, please try our Opera Web Standards Curriculum section 27 entitled "CSS > basics", written and contributed by Christian Heilmann. > > Here is the hyperlink to it: > http://dev.opera.com/articles/view/27-css-basics/ I find it hard to take it seriously when it has body { font-size:62.5%; } in <http://dev.opera.com/css/screen.css> > On Fri, Jan 15, 2010 at 12:56 AM, Marvin Hunkin wrote: > > > hi. > > well a member of blind geeks. > > and asked to write a short basic tutorial on css. > > did learn css in my web design course in 2007. > > and di use it a bit to tweek a web project recently. > > but my question is: > > what resources and what links to some tutorials to get a handle on how to > > write a short css tutorial. > > and how to write one. > > and what do i need to put in it. > > just asking. > > i do know css, but a bit rusty. > > and totally blind. > > so the biggest problem, where things are located on screen. > > so any one got any ideas where to start and how to write a tutorial for > > this > > technical group. -- Chris F.A. Johnson <http://cfajohnson.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] css tutorial
On Thu, 14 Jan 2010, Doug Burt wrote: > Marvin, > You may want to try checking out the W3Schools at > http://www.w3schools.com/css/default.asp > That site should provide you with way more than enough information to do a > couple of tutorials.. Unless their CSS tutorial is better than their HTML, I'd avoid w3schools like the plague! > - Original Message - From: "Marvin Hunkin" > To: > Sent: Thursday, January 14, 2010 3:56 PM > Subject: [WSG] css tutorial > > > > hi. > > well a member of blind geeks. > > and asked to write a short basic tutorial on css. > > did learn css in my web design course in 2007. > > and di use it a bit to tweek a web project recently. > > but my question is: > > what resources and what links to some tutorials to get a handle on how to > > write a short css tutorial. > > and how to write one. > > and what do i need to put in it. > > just asking. > > i do know css, but a bit rusty. > > and totally blind. > > so the biggest problem, where things are located on screen. > > so any one got any ideas where to start and how to write a tutorial for this > > technical group. > > Marvin. > > > > > > > > > > *** > > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > > Help: memberh...@webstandardsgroup.org > > *** > > > > > > > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: memberh...@webstandardsgroup.org > *** > -- Chris F.A. Johnson <http://cfajohnson.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] breaks, lists in a form or not, and more or less divs
On Mon, 4 Jan 2010, Jayachandran Kandasamy wrote: > Hi Dwaal, > > Please dont practice to use BR tags for line breaks.. Why not? That's what they're for. > it is not standard web development The W3C says otherwise. > and lot of compatibility issues will occur across browsers and > internet devices :) :) ??? Can you be more specific? Of course one shouldn't use them in continuous blocks of text (the browser will take care of it), but where a line break is needed they are fine. > On Mon, Dec 7, 2009 at 2:12 AM, Frances de Waal wrote: > > > Hi there, > > > > May I ask your opinion about some semantic/HTML basics? > > > > In case of a poem, if I place every verse in a paragraph, what do I do with > > each line of text in the verse? Is this one of the very few occasions to use > > breaks? A verse doesn't seem a list to me... or is it? I like your opinion. > > > > In the very few tutorials I have seen about how to markup a form > > semantically, both were using a list in the form. To me that seems totally > > unneccessary plus too much markup. Does anyone know what can be the reason > > of doing it that way? > > > > InContextEditing, the online CMS from Adobe, needs a extra div for every > > editable region. This makes me avoiding the tool. Some keep saying that > > extra divs don't make any difference to a page at all. I agree they have no > > meaning semantically, but they do create extra code which is not neccessary > > for the content. But then again, we don't talk about 100 divs here. So, > > besides of best practice, is there any place where the extra divs may have > > bad influence? > > > > Frances de Waal > > www.waalweb.nl > > > > *** > > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > > Help: memberh...@webstandardsgroup.org > > *** > > > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: memberh...@webstandardsgroup.org > *** -- Chris F.A. Johnson <http://cfajohnson.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] First stab at html5
On Thu, 31 Dec 2009, designer wrote: > @Chris - I've set a white background, so I hope your yellow one has gone now! It's still yellow. -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] First stab at html5
On Thu, 31 Dec 2009, designer wrote: > If any of you guys are around at this time, I'd be really grateful if you > could have a look at: > > http://www.betasite.fsnet.co.uk/gam/altgam/gwelanmor.html The yellow background doesn't suit the page. -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Dropdown Menu disappears after 2nd or 3rd links down
On Fri, 18 Dec 2009, Kristine Cummins wrote: > Hi all, > > When hovering about the 2nd or 3rd links down in the dropdown, it disappears > instead of allowing the user to scroll the entire list of links. The issue > is in Safari and seems to work fine in IE and Firefox > > Menu / Web page: http://www.artscouncilnapavalley.org/test/index.shtml Unless I move fast, the entire drop-down menu disappears before I can reach the first item. (Drop-down menus are not good for usability.) The tabs have useless title attributes; they just repeat the text in the tab. > CSS: http://www.artscouncilnapavalley.org/test/menu.css > > The dropdown css is towards the bottom of the file. -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Positioning not consistent
On Fri, 11 Dec 2009, Western Web Design wrote: > Good morning all > > The following seems to be happening in all browsers: > > http://mail.freshfield.com.au:81/x/tonyb/home.php?action1=hire&stage=shirts 27 errors. If the HTML is incorrect, you cannot expect anything to be consistent. -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] breaks, lists in a form or not, and more or less divs
On Sun, 6 Dec 2009, Frances de Waal wrote: > Hi there, > > May I ask your opinion about some semantic/HTML basics? > > In case of a poem, if I place every verse in a paragraph, what do I do with > each line of text in the verse? Is this one of the very few occasions to use > breaks? A verse doesn't seem a list to me... or is it? I like your opinion. > > In the very few tutorials I have seen about how to markup a form semantically, > both were using a list in the form. To me that seems totally unneccessary > plus too much markup. Does anyone know what can be the reason of doing it that > way? > > InContextEditing, the online CMS from Adobe, needs a extra div for every > editable region. This makes me avoiding the tool. Some keep saying that extra > divs don't make any difference to a page at all. I agree they have no meaning > semantically, but they do create extra code which is not neccessary for the > content. But then again, we don't talk about 100 divs here. So, besides of > best practice, is there any place where the extra divs may have bad influence? I would use : In Xanadu did Kubla Khan A stately pleasure-dome decree: Where Alph, the sacred river, ran Through caverns measureless to man Down to a sunless sea. pre.poem { font-family: , serif; } -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] updated website feedback
On Mon, 2 Nov 2009, Marvin Hunkin wrote: > hi. > sorry to have bothered people with the last message. > must have had a brain fade and did not mean to go to their. > totally forgot i had sent that. > so sorry about that. > now have revamped my joe's fruit shop and a friend helped me out editing the > images. > and giving me some pointers. > so have redesigned the site. > feedback please? > before i move on to fixing my next project. > which is the Corvette Veterans Club Site. > cheers Marvin. > > www.raulferrer.com/joe/html/ Errors found while checking this document as XHTML 1.0 Transitional! Result: 23 Errors Address:http://www.raulferrer.com/joe/html/ There is a horizontal scroll bar if my browser window is less than ~1000px. -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) Pro Bash Programming: Scripting the GNU/Linux Shell (2009, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] [Spam] :Menu stacking incorrectly in IE
On Sat, 10 Oct 2009, Kristine Cummins wrote: > Please see: > http://www.artscouncilnapavalley.org/test/index.shtml Errors found while checking this document as XHTML 1.0 Strict! Result: 49 Errors Fixing the errors may or may not fix the problem, but it's always the first step. -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] IE6 display issue
On Fri, 9 Oct 2009, Western Web Design wrote: > Chris F.A. Johnson wrote: > > > > > > > > > > > http://www.westernwebdesign.com.au/keynorthcontractors/index.html > > > > > > > > > > > > >There is a problem with ungainly wordspacing in the justified > > > > > > text > > > > > >and text that overflows its box: > > > > > ><http://cfaj.freeshell.org/testing/keynorth.jpg>. > > > > > > > >As you can see from the JPEG I posted, the CAPABILITY STATEMENT > >falls below the footer. You need to add "clear: both" to the > >"Website by" paragraph. > > > OK thanks - I am assuming this issue is only in IE6? I've done a lot of > browsershots and they seem OK as far as the #footer is concerned, except for > IE6. It has nothing to do with the browser. I'm using FireFox, but it would be the same in any browser. In order to be able to read the site, I have the font-size larger than you have allowed for. But, as I mentioned, the problem is not just that, but the fact that you have your credits where the third footerbox should be, so the box is pushed down. -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] IE6 display issue
On Fri, 9 Oct 2009, Western Web Design wrote: > Chris F.A. Johnson wrote: > > On Fri, 9 Oct 2009, Western Web Design wrote: > > > > > > > > > http://www.westernwebdesign.com.au/keynorthcontractors/index.html > > > > > > > > >There is a problem with ungainly wordspacing in the justified text > > > >and text that overflows its box: > > > ><http://cfaj.freeshell.org/testing/keynorth.jpg>. > > > > > > > > > > > I am not seeing that at all - where are you seeing it? 3 boxes @ 250px > > > wide > > > should fit in a 900px wide footer, shouldn't they? Even with padding > > > I changed the original liquid design to a fixed width one as I was > > > getting a > > > lot of problems like that so I don't understand how it is happening. > > > > > > >The text doesn't fit into the height you have given the box. > >(Not everyone uses the same font-size as you.) > > > Sorry, Chris - I have not given the box a height so not sure what you mean. > It has margin and padding. As you can see from the JPEG I posted, the CAPABILITY STATEMENT falls below the footer. You need to add "clear: both" to the "Website by" paragraph. > >The spacing on the justified text is made worse because you have > >contrained the width; > I don't know what you mean by "contrained". Sorry, not a word I have come > across. Typo; I meant constrained. > I have changed the justified text to left-align. Does this make a > difference? That is better. -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] IE6 display issue
On Fri, 9 Oct 2009, Western Web Design wrote: > > > http://www.westernwebdesign.com.au/keynorthcontractors/index.html > > > > > > >There is a problem with ungainly wordspacing in the justified text > >and text that overflows its box: > ><http://cfaj.freeshell.org/testing/keynorth.jpg>. > > > > > I am not seeing that at all - where are you seeing it? 3 boxes @ 250px wide > should fit in a 900px wide footer, shouldn't they? Even with padding > I changed the original liquid design to a fixed width one as I was getting a > lot of problems like that so I don't understand how it is happening. The text doesn't fit into the height you have given the box. (Not everyone uses the same font-size as you.) The spacing on the justified text is made worse because you have contrained the width; if it were allowed to expand to fill the window, more words would fit on a line and there wouldn't be such large interword spacing. -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] IE6 display issue
On Fri, 9 Oct 2009, Western Web Design wrote: > http://www.westernwebdesign.com.au/keynorthcontractors/index.html There is a problem with ungainly wordspacing in the justified text and text that overflows its box: <http://cfaj.freeshell.org/testing/keynorth.jpg>. -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] CSS list-style
On Wed, 7 Oct 2009, michael.brocking...@bt.com wrote: > Chris, > I am not sure what system you tested this on, but it doesn't work on any > system I tried, and indeed it shouldn't: the marker is a part of the LI > not of the UL. <http://www.w3.org/TR/CSS21/generate.html#propdef-list-style-type> Lowercase latin numbering ol { list-style-type: lower-roman } This is the first item. This is the second item. This is the third item. > -Original Message- > From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] > On Behalf Of Chris F.A. Johnson > Sent: 06 October 2009 19:00 > To: wsg > Subject: Re: [WSG] CSS list-style > > On Tue, 6 Oct 2009, Richard Mather wrote: > > > > content > > > ul { > color:#380; > list-style-type:disc; > } > > ul li.black { > color:#000; > } > > > > -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] CSS list-style
On Tue, 6 Oct 2009, Richard Mather wrote: > Hi all, > > I'm wondering about colouring bullet points in a and wanted to know if > there was a way of having the list-style: a different colour to the text > within the without having to resort to putting it all within a > as per my example: > > > content > > > ul { > color:#380; > list-style-type:disc; > } > ul li span { > color:#000; > } content ul { color:#380; list-style-type:disc; } ul li.black { color:#000; } -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] elasticity and floats
On Tue, 6 Oct 2009, designer wrote: > Can anyone help me sort a problem please: > > I want to make a banner/masthead with 4 divs. Nos 1,2 and 4 are fixed width > and I want div 3 to be flexible width and fill the gap: > > > > > [fixed- float left] [fixed - float left] [elastic - no floats] [fixed - > float right] > > > > The wrapper div takes care of the clearing, using overflow : hidden. > > It's easy with a table, but I don't seem to be able to do it with floats. > The ways I've tried either don't line up the divs vertically, or the 3rd div > width shrinks to content size. > > I hope I've explained this properly (nothing online to see yet) and I hope > someone can help. Is this what you want: http://cfajohnson.com/testing/floatdivs.shtml ? -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] new site review
On Tue, 29 Sep 2009, Raul Ferrer wrote: > http://www.raulferrer.com The contrast between most of the text and its background is so low as to be unreadable. -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] The 'Some Links for Light Reading' posts
On Wed, 23 Sep 2009, nedlud wrote: > I second that. On the other hand, after looking at a few of the links the first few times I received those messages, I now delete them unseen. > On Wed, Sep 23, 2009 at 3:03 PM, Susie Gardner-Brown wrote: > > > Hi there > > > > I?d just like to send a big thank you to Russ Weakley for taking the time > > to collate and send this to WSG Announce each week! I always find really > > interesting stuff there, and usually bookmark a couple of links from it. > > > > So, thanks Russ ? it?s really appreciated! -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] my latest version of my page
On Sat, 19 Sep 2009, Marvin Hunkin wrote: > hi. > well replaced the image for the rollovers. > take a look at http://startrekcafe.alacorncomputer.com > cheers Marvin. > ps: any feedback, good, bad or ugly. Errors found while checking this document as XHTML 1.0 Transitional! Result: 3 Errors Address:http://startrekcafe.alacorncomputer.com/ (The other pages I checked were fine.) Ugly background colour. -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] strange web page problems
On Tue, 8 Sep 2009, Marvin Hunkin wrote: > when i down graded back from ie 8 to ie 7, had created a student web project > and a style sheet and java script. > it was reading all my styles, fonts, and a table on the main page. > but now. > when i upgraded to ie 8. > got the same problem again. > not telling me the font name. > what is the problem. It's impossible to tell without seeing the page. Please post a URL. Before you do that, however, make sure that the page is valid HTML and CSS. Go to <http://validator.w3.org>. -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] How Important Is Web Accessibility?
You have to remove yourself from the list; see the instructions at the bottom of every post. On Tue, 18 Aug 2009, Scott Andrews wrote: > Dont just auto mail me back. Actually delete me > > > > From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On > Behalf Of Scott Andrews > Sent: 18 August 2009 11:30 > To: wsg@webstandardsgroup.org > Subject: RE: [WSG] How Important Is Web Accessibility? > > > > Please remove me from these emails. > > > > From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On > Behalf Of Paul Collins > Sent: 18 August 2009 11:21 > To: wsg@webstandardsgroup.org > Subject: RE: [WSG] How Important Is Web Accessibility? > > > > I think it's still necessary... > > > > These articles sum it up well. > > http://zomigi.com/blog/why-browser-zoom-shouldnt-kill-flexible-layouts/ > > http://www.456bereastreet.com/archive/200906/page_zoom_does_not_mean_the_end > _of_flexibility/ > > > > > > > > _ > > From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On > Behalf Of James Jeffery > Sent: Tuesday, August 18, 2009 11:08 AM > To: wsg@webstandardsgroup.org > Subject: [WSG] How Important Is Web Accessibility? > > Zooming is present on the majority of modern browsers, so where does this > leave elastic layouts, and em's? Should we still develop sites that grow > should the user want to increase the text size? Even though it's the lower > browsers that do that? > > I've been out of the scene for a while, so I've lost touch with the current > practices and conventions. > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: memberh...@webstandardsgroup.org > *** > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: memberh...@webstandardsgroup.org > *** > > No virus found in this incoming message. > Checked by AVG - www.avg.com > Version: 8.5.392 / Virus Database: 270.13.58/2308 - Release Date: 08/17/09 > 18:04:00 > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: memberh...@webstandardsgroup.org > *** > > No virus found in this incoming message. > Checked by AVG - www.avg.com > Version: 8.5.392 / Virus Database: 270.13.58/2308 - Release Date: 08/17/09 > 18:04:00 > > > > *********** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: memberh...@webstandardsgroup.org > *** -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] How Important Is Web Accessibility?
On Tue, 18 Aug 2009, James Jeffery wrote: > Zooming is present on the majority of modern browsers, so where does this > leave elastic layouts, and em's? Should we still develop sites that grow > should the user want to increase the text size? Even though it's the lower > browsers that do that? Users don't want to change the type size; they set it at their preferred size and want to leave it there. Having to change it for different sites is a PITA! A well-designed site will work no matter what the user's font size (within a very wide range). > I've been out of the scene for a while, so I've lost touch with the current > practices and conventions. -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
[WSG] Re: Announcement from web standards development/ xhtml / css / seo
On Thu, 6 Aug 2009, web standards development/ xhtml / css / seo wrote: > Im trying to make a new cleverclick site but Im very sceptic to the > appearance i created so far...http://www.cleverclick.gr/new/ > > What do you think?? Not good: <http://cfaj.freeshell.org/testing/cleverclick.jpg> -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Usability in Links
On Sat, 18 Jul 2009, Bushidodeep wrote: I've a client wishing to call attention to (2) a: links, in a vertical list by simply reversing with the hover color. The a:links are now the hover color value and the a:hover is now the a:link color value. After reviewing the change I found it conflicting with the surrounding a:links, so did some of my flat-mates used for usability testing. Would someone suggest a method that doesn't cause disharmony, or is it just nit-picking on our part? Use different colours. (And post a URL so we can see whether there really is a problem.) -- Chris F.A. Johnson <http://cfaj.freeshell.org> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] font size - was [ Accessible websites]
On Tue, 7 Jul 2009, Mario Theodorou wrote: Try using font-size:0.8em this is a better method for font-size accessibility Which will be too small for me (and many other people) to read comfortably. -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of designer Sent: 07 July 2009 12:20 To: wsg@webstandardsgroup.org Subject: [WSG] font size - was [ Accessible websites] I've been reading (and trying to learn from) the discussions on accessibility and particularly font size. I have never had any success at using ways other than pixels. When I read: http://informationarchitects.jp/100e2r/?v=4 I agreed with the author that the text size looked OK (he uses Georgia), so I tried knocking up a simple test/template and I found that Verdana 'looks' much bigger than Georgia, and Arial slightly smaller than Georgia. I also found that firefox was different to Safara, these two in turn being different to IE and Opera. IE7 looked huge and clumsy! See for yourself: http://www.betasite.fsnet.co.uk/gam/fontstyle.html So, whilst the idea of text at 100% sounds reasonable, I always get a mixed bag of results. I feel as a designer(suggester), that I cannot possibly allow something I've done to look laughably clumsy in some browsers. Contrary to the idea that users want to choose there own settings, my experience is that very very few even know they can do it, let alone want to be bothered! Is there a way around this, which provides a more consistent interface AND maintains user choice for those who want it? -- Chris F.A. Johnson <http://cfaj.freeshell.org> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Accessible websites
On Thu, 2 Jul 2009, Rick Faircloth wrote: > But how will you magnify the images and layout as designed for me to view? > Addressing font issues is only the absolute basic attempt to make the web > more accessible...It's important to be able to see "how" something is said > and with > what supporting content and context, rather than just "what" is said. > > Focusing on font-size is quite an antiquated, limited view of accessiblity. It is the sine qua non of accessibility. It's not the only issue, but it is the most basic. > Magnification of entire monitor screens (not just decreasing resolution), > and > browser magnification address all the issues, and in a very satisfying and > simple manner, > rather than asking/requiring web designers/developers to spend countless > hours > trying to code around the issues. There is no issue to code around. The only issue is overspecifying sizes which leads to inaccessible pages. Less is more. -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] working with line-height
On Thu, 2 Jul 2009, Ben Lau wrote: I frequently have to work with pixel-perfect design, There is no such thing. and I'm always having trouble with line-height in particular. Please take a look at this example: http://www.hellobenlau.net/wsg/index.html Where you state, "This text size is 11px." it is not; it is 18px in my browser. I'm wondering if there was a way to top align the text to its line-height. So say, with text size 20px, could the top of the 'T' be aligned to the top of the pink box? Align it to the top of its container. How does the 'gap' above and below the text gets calculated? What do the W3C specs say? If they don't say, then browsers can use whatever formula they like. -- Chris F.A. Johnson <http://cfaj.freeshell.org> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] super bad Opera bug - v9.62
On Sat, 23 May 2009, tee wrote: > Stumble on one more annoying Opera bug that I am unable to figure exactly > which element, and what is causing it. First fix the errors. Errors found while checking this document as XHTML 1.0 Strict! Result: 3 Errors That may not have anything to do with the problem. but it's always a necessary step. -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] using skip links
On Wed, 13 May 2009, Ben Lau wrote: > Hi all, > > I am to build templates for a page, and below is a pseudo example of my code > order: > > -skip to #content- > [div#navigation] > > [h1] > [div#promotion] > [div.content] > > I've always believed my h1 should always come after the 'content' anchor (or > within a #content div), so when screen reader skips my navigation to the > content, they're able to read the h1 as well. There's no need for an anchor; put an id atribute in : -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Browser toolbars
On Tue, 5 May 2009, Frogspoon wrote: > Good morning all, > > I have a quick question regarding browser toolbars and functionality. I have a > client who is requesting a web application (online form) be built where they > will lose some if not all browser navigation control and functionality, much > like you would see on a Internet banking page. I've never lost navigation control or functionality on a banking web page, and I would complain loudly if I did. Browser toolbars are not under the control of the web page, nor should they be. > I'm against the idea personally but wanted to find out if there are > any such standards out there that strongly encourage you keep these > on your web page for usability and accessibility reasons. Browser toolbars are not part of a web page. > Finally, they wanted to the URL to be hidden as well, surely this is > not recommended?? It doesn't matter whether it is recommended or not; it is impossible. -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Firefox Ignoring Stylesheets
On Wed, 29 Apr 2009, CK wrote: > Hi, > > Well aware this is not a Firefox forum, but FF 3.0.9 in OS X 10.5.6 is > ignoring both print and screen stylesheets for the following: > > <http://www.markboulton.co.uk/examples/guardian/> > > > Has anyone a suggestion? Could it be because the css file is being served as text/html instead of text/css? -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Box model in IE7
On Fri, 24 Apr 2009, Jason Grant wrote: > We were told in the past by a massive client that for accessibility purposes > font sizes needed to be set to 74% as a minimum as the basic reading size > below which it's a straign on the eyes. 74% is 26% smaller than the viewer's preferred size, IOW, it's too small. Setting "body { font-size: 100% }" leaves the font at the viewer's preferred size and prevents some IE weirdness. > I personally don't mess with browser defaults and don't tend to use resets, > but for minimal purposes only. > > > > On Fri, Apr 24, 2009 at 1:12 AM, Brett Patterson < > inspiron.patters...@gmail.com> wrote: > > > I have always been told to use something along the lines of either body { > > font-size: 100%; /* a fix for internet explorer */ } because of the way IE > > reads/sizes font. Starting out with html at only 62.5% font-sizing would > > completely mess up IE and the font in the browser would it not? > > > > -- > > Brett P. > > > > > > On Thu, Apr 23, 2009 at 7:56 PM, CK wrote: > > > >> Hi, > >> > >> Would you elaborate on why the CSS rule invalidates the article? As it > >> appears the authors explanation is sound. > >> > >> html { > >>> font-size: 62.5%; > >>>} > >>> > >> > >> > >> CK > >> > >> > >> On Apr 23, 2009, at 11:28 AM, Chris F.A. Johnson wrote: > >> > >> On Thu, 23 Apr 2009, Christopher Kennon wrote: > >>> > >>> S, > >>>> > >>>> See this article from "Links for light Reading" scrolling down a bit > >>>> you'll > >>>> find a JS solution that may prove useful: > >>>> > >>>> Why Programmers Suck at CSS Design > >>>> <http://www.betaversion.org/~stefano/linotype/news/169/<http://www.betaversion.org/%7Estefano/linotype/news/169/> > >>>> > > >>>> > >>> > >>> That article ceased to be credible as soon as I saw: > >>> > >>> "My suggestion for you is to do the following: start your CSS > >>> stylesheet with > >>> > >>>html { > >>> font-size: 62.5%; > >>>} > >>> " > >>> > >>> > >>> On Apr 22, 2009, at 4:18 PM, Stevio wrote: > >>>> > >>>> Is the box model in IE7 still messed up? I thought they sorted it? > >>>>> > >>>> > >>> It is fixed in standards mode, but I think it uses the broken model > >>> in quirks mode. > >>> > >>> I am floating a div to the right with a width of 50%. The div to the > >>>>> left > >>>>> has a right margin of 50%. I've put a 1px solid border on both of them. > >>>>> In > >>>>> IE7 there is a gap between them but in Firefox they are right against > >>>>> each > >>>>> other. > >>>>> > >>>>> Go figure? > >>>>> > >>>> > >>> -- > >>> Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> > >>> === > >>> Author: > >>> Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) > >>> > >>> > >>> *** > >>> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > >>> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > >>> Help: memberh...@webstandardsgroup.org > >>> *** > >>> > >>> > >> > >> > >> *** > >> List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > >> Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > >> Help: memberh...@webstandardsgroup.org > >> *** > >> > >> > > > > *** > > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > > Help: memberh...@webstandardsgroup.org > > *** > > > > > -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] Box model in IE7
On Thu, 23 Apr 2009, Janice Schwarz wrote: > Can you clarify what your issue is regarding setting font size to 62.5%? > Just curious. Wondering if I'm missing something here. <http://bergamotus.ws/misc/sensible-css-text-sizing.html> > -Original Message- > From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On > Behalf Of Chris F.A. Johnson > Sent: Thursday, April 23, 2009 11:28 AM > To: wsg@webstandardsgroup.org > Subject: Re: [WSG] Box model in IE7 > > On Thu, 23 Apr 2009, Christopher Kennon wrote: > > > S, > > > > See this article from "Links for light Reading" scrolling down a bit > > you'll find a JS solution that may prove useful: > > > > Why Programmers Suck at CSS Design > > <http://www.betaversion.org/~stefano/linotype/news/169/> > >That article ceased to be credible as soon as I saw: > > "My suggestion for you is to do the following: start your CSS >stylesheet with > > html { >font-size: 62.5%; > } > " > > > > > > *** > List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm > Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm > Help: memberh...@webstandardsgroup.org > *** > -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Box model in IE7
On Thu, 23 Apr 2009, Christopher Kennon wrote: > S, > > See this article from "Links for light Reading" scrolling down a bit you'll > find a JS solution that may prove useful: > > Why Programmers Suck at CSS Design > <http://www.betaversion.org/~stefano/linotype/news/169/> That article ceased to be credible as soon as I saw: "My suggestion for you is to do the following: start your CSS stylesheet with html { font-size: 62.5%; } " > On Apr 22, 2009, at 4:18 PM, Stevio wrote: > > > Is the box model in IE7 still messed up? I thought they sorted it? It is fixed in standards mode, but I think it uses the broken model in quirks mode. > > I am floating a div to the right with a width of 50%. The div to the left > > has a right margin of 50%. I've put a 1px solid border on both of them. In > > IE7 there is a gap between them but in Firefox they are right against each > > other. > > > > Go figure? -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Safari background image problem with transparent PNGs
On Tue, 31 Mar 2009, Christian Montoya wrote: Would someone please post a solution to this problem in Safari's rendering rather than criticizing the example posted or insisting on an alternate route? For f***'s sakes already. The alternate route *is* the solution. -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> = Do not reply to the From: address; use Reply-To: Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Safari background image problem with transparent PNGs
On Mon, 30 Mar 2009, Christian Montoya wrote: I am running Safari 3.2.1 on Mac OSX Leopard. I am working on the following page: http://blueprintcss.org/index2.html and I have noticed that when the page loads, the background image is tiled a second time behind the images in the header, creating a noticeable shift. I have posted a screenshot here: http://blueprintcss.org/img/shift-safari.png I've looked around for a possible fix for this but found nothing. It goes away if I use: background-attachment:fixed but that doesn't fit the design I'm trying to make. Any ideas? I don't see the problem in Firefox. Do you specify a background for the header? If so, why? -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> = Do not reply to the From: address; use Reply-To: Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] IE8 compatibility mode
On Wed, 25 Mar 2009, Gunlaug S?rtun wrote: The start tag is missing in your page - you have directly followed by . That should make no difference. The HTML, HEAD and BODY tags are optional. -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> = Do not reply to the From: address; use Reply-To: Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] a WCAG 2.0 question
On Thu, 12 Mar 2009, michael.brocking...@bt.com wrote: I believe a best practice is for your web pages to use the same TARGET attribute value so links from your page basically are updating the same "new" window and not creating a new window for every link followed from your website. I would have to disagree with that. If the user actually _is_ aware that they are about to open a new window, then does the same again somewhere else on the page, or on another page, then they are going to be very confused to discover that only one window has opened. How can a use be aware that a new window has opened if it hasn't? I get annoyed by links marked with "will open in a new window" or similar, because in my browser, it will NOT open a new window, and I think for many people that is the case. Does anyone NOT disallow pop-up windows? -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> = Do not reply to the From: address; use Reply-To: Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] bluring vertical dotted border is bluring
On Mon, 2 Mar 2009, Robin Gorry wrote: I am putting together this template and for some reason in IE the first vertical dotted border has areas in it that look bold, Can anyone see why? http://eyecatcher.xtools.co.nz/ Before you do anything else, fix the HTML errors in the file. <http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Feyecatcher.xtools.co.nz%2F> -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> = Do not reply to the From: address; use Reply-To: Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] IE and the element
On Tue, 24 Feb 2009, John Horner wrote: Advantages of using buttons: 1) Button elements don't need styling, they take their styling from the user's operating system, which they are, I assume, familiar and comfortable with. I won't be reinventing the wheel. Button elements are styled by the browser. 2) Anchor elements don't have a built-in "disabled" mode, buttons do, Disabled mode is just more styling. and again the styling comes directly from the OS and the user is familiar with it. Anchor elements are styled by the browser. -Original Message- From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Chris F.A. Johnson Sent: Tuesday, 24 February 2009 9:56 AM To: wsg@webstandardsgroup.org Subject: RE: [WSG] IE and the element On Tue, 24 Feb 2009, John Horner wrote: Thanks for all the discussion so far. It seems I'll have to re-code. I will definitely not be using Javascript. It seems entirely logical to me that there should be such a thing as a button, which can exist outside a form, which has an HREF attribute or can be wrapped in an anchor. Why? All you need do is style the anchor element. -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> = Do not reply to the From: address; use Reply-To: Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *** Please consider the environment before printing this e-mail. The information contained in this email and any attachment is confidential and may contain legally privileged or copyright material. It is intended only for the use of the addressee(s). If you are not the intended recipient of this email, you are not permitted to disseminate, distribute or copy this email or any attachments. If you have received this message in error, please notify the sender immediately and delete this email from your system. The ABC does not represent or warrant that this transmission is secure or virus free. Before opening any attachment you should check for viruses. The ABC's liability is limited to resupplying any email and attachments. *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org *************** -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> = Do not reply to the From: address; use Reply-To: Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] IE and the element
On Tue, 24 Feb 2009, John Horner wrote: Thanks for all the discussion so far. It seems I'll have to re-code. I will definitely not be using Javascript. It seems entirely logical to me that there should be such a thing as a button, which can exist outside a form, which has an HREF attribute or can be wrapped in an anchor. Why? All you need do is style the anchor element. -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> = Do not reply to the From: address; use Reply-To: Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] URL naming best practice guide? [SEC=UNCLASSIFIED]
On Fri, 20 Feb 2009, Chris Vickery wrote: Does anyone know where I could find a best practice guide to naming URLs? We're trying to keep our URLs descriptive like... but not like this... Use POSIX portable file names. That is, filenames that contain only letters, numbers, hyphens, periods and underscores and which do not begin with a hyphen. -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> = Do not reply to the From: address; use Reply-To: Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] DHTML Menus
On Tue, 17 Feb 2009, Kristine Cummins wrote: I've recently seen some arguments against the use of DHTML menus for accessibility issues. How much is this an issue.. What is the percentage of population that does not have javascript enabled? Any other thoughts on the topic? It's hard to tell, but I have seen estimates from 10% to 20%. Because of the almost universal pop-up blockers, inconsiderate sites are using JavaScript to bypass them. This is likely to lead more people to turn off JS. -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> = Do not reply to the From: address; use Reply-To: Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] What's the best way to place a link in a document? [SEC=UNCLASSIFIED]
On Tue, 17 Feb 2009, Chris Vickery wrote: What's the best way to place a link in a document? Is it more accessible to have your link in a sentence, as the URL, or as the word 'link'? Use Example A; you can make as visible as you like with CSS. ExampleA makes the information more readable but the link less visible ExampleB the link is visible and page a bit neater but target URL hidden ExampleC is great if you want to print ExampleA ... as referred to in the http://www.whatever.gov.au/constitution";>Australian Constitution. ExampleB ... as referred to in the Australian Constitution http://www.whatever.gov.au/constitution";>(link) . ExampleC... as referred to in the Australian Constitution http://www.whatever.gov.au/constitution";>( www.whatever.gov.au/constitution). ExampleC is the most thorough but makes it very difficult to read. Interested in people's opinions. -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Implication of empty divs
On Mon, 9 Feb 2009, Joseph Taylor wrote: That's a great link. It also shows that an extra empty element, while it may be "the easy way out" works across the board without side effects of any kind. Yes it is mixing content and presentation. Many DIVs (and SPANs) are, in fact, used for presentation rather than semantic reasons. They exist only so that they can have styling applied to them. They don't provide any information about WHAT they contain. On Feb 9, 2009, at 3:23 AM, Benjamin Hawkes-Lewis wrote: On 9/2/09 07:45, Chris F.A. Johnson wrote: How can CSS overflow replace ? See http://www.ejeliot.com/blog/59 -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Implication of empty divs
On Mon, 9 Feb 2009, Benjamin Hawkes-Lewis wrote: On 9/2/09 07:45, Chris F.A. Johnson wrote: How can CSS overflow replace ? See http://www.ejeliot.com/blog/59 Thanks, but I find the extra DIV no more objectionable than the hackery and extra CSS described in that article. -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Implication of empty divs
On Mon, 9 Feb 2009, Gerard Hynes (Gmail) wrote: I'm all for semantic mark up and removing redunant tags, but the reality is supporting older browsers and browser quirks complicate things. So, yes definitely prefer CSS overflow solution, to adding a redundant/meaningless tag. How can CSS overflow replace ? In the perfect world people would use the latest standards compliant browsers and keep them regularly updated. Spread the word! On Mon, Feb 9, 2009 at 12:57 PM, Ben Lau wrote: Haha, thanks. But I also do appreciate the long answers though; thanks Benjamin. I've read on numerous blogs/tutorials/comments that having blank div is poor practice, and that it's also poor semantic markup because it's meaningless. I mention the javascript alternative because i'll be using these empty divs purely for decorative purposes, so if non-javascript can't see the yellow block that goes em to the left of my website, I'm not that concerned. I'm just worried about screen readers picking up that empty div. So then you guys have no problem in using it for clearing as opposed to overflow:hidden/auto? On Mon, Feb 9, 2009 at 1:50 PM, Anthony Ziebell wrote: If you use a tool such as tidy html in xhtml mode it will delete your empty tags... probably a setting to turn that feature off, but something to think about... Cheers, Anthony. Gerard Hynes (Gmail) wrote: My advice below. Cheers, Gerard On Mon, Feb 9, 2009 at 9:33 AM, Ben Lau wrote: Hi all, Are there any (seriously) bad implications of having empty DIVs around your HTML document? I try to avoid using them personally, but there are cases where the visual design has forced me to add empty divs (or spans) just to achieve the look. Apart from adding extra weight and cluttering the document, I understand screen readers do not pick up divs and spans? I'm not expert about screen readers, but I did run a site I upgraded through JAWS with some interesting results. The site had alot of due to the CMS they were using and JAWS would translate this to/speak out "blank" which wasn't ideal. Am not sure if it would do the same for or or . Would I be better off to insert these meaningless decorative tags using javascript and modifying the DOM, while non-javascript users would see a more cut down version of the design? Do screen readers pick up javascript and events? Javascript solution could work, but I would run your page through a screen reader first and see if you're happy with the result. You can download demo of JAWS from http://www.freedomscientific.com/products/fs/jaws-product-page.asp You'll probably identify other areas of content that could be improved for screen readers. He's a good article about the topic http://www.webaim.org/techniques/screenreader/ -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> = Do not reply to the From: address; use Reply-To: Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Implication of empty divs
On Mon, 9 Feb 2009, Ben Lau wrote: Are there any (seriously) bad implications of having empty DIVs around your HTML document? I try to avoid using them personally, but there are cases where the visual design has forced me to add empty divs (or spans) just to achieve the look. I've never used an empty except with 'clear:both' to force the parent element to enclose floated elements. Do you have other uses for it? Apart from adding extra weight and cluttering the document, I understand screen readers do not pick up divs and spans? Would I be better off to insert these meaningless decorative tags using javascript and modifying the DOM, while non-javascript users would see a more cut down version of the design? Do screen readers pick up javascript and events? What do you want to do that cannot be done without JS? -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> = Do not reply to the From: address; use Reply-To: Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
Re: [WSG] Link issue
On Fri, 6 Feb 2009, Kristine Cummins wrote: Hi all: I'm having a strange link issue where three links in the content area are not linking and the code is valid. Each link is assigned with a class. Either I'm having a brain fart, or something strange is going on. It's probably a brain fart at this point. Any help appreciated. Page with link issue: http://www.richardvonsaal.com/about.html Remove "display: inline;" from: /* off white */ p { background-color: inherit; color: #f9f5ec; display: inline; font: normal .9em/1.8em "century gothic", arial, verdana; overflow: hidden; padding-top: 33px; } -- Chris F.A. Johnson, webmaster <http://woodbine-gerrard.com> = Do not reply to the From: address; use Reply-To: Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***
RE: [WSG] PDFs and other non-html files opening in a new browser window
From: li...@webstandardsgroup.org [mailto:li...@webstandardsgroup.org] On Behalf Of Carolyn Diaz Sent: Thursday, February 05, 2009 1:31 PM To: wsg@webstandardsgroup.org Subject: [WSG] PDFs and other non-html files opening in a new browser window My Web team and I are discussing whether or not we should open links to PDFs and other non-html pages in a new window. Someone cited Jakob Nielsen's argument at http://www.useit.com/alertbox/open_new_windows.html as the reason we should open in a new window. (We all work on government Web sites and they are about to release a new set of linking standards.) I agree with Nielsen: 4. Best of all, prevent the browser from opening the document in the first place. -- Chris F.A. Johnson <http://chris.woodbine-gerrard.com> === Author: Shell Scripting Recipes: A Problem-Solution Approach (2005, Apress) *** List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm Help: memberh...@webstandardsgroup.org ***