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, wsg@webstandardsgroup.org wrote: * WEB STANDARDS GROUP MAIL LIST DIGEST * From: Russ Weakley r...@maxdesign.com.au 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, 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:
div class=myfloatLonger amount of text. Longer amount of text. Longer
amount of text. Longer amount of text./div
div class=myfloatSmall amount of text./div
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] 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 table 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] 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: 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] 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] 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] 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] 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] 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] 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 div class=code 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 div class=happyfuntime. 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 !DOCTYPE, etc? The first line should be a doctype. I recommend either 4.01 strict or HTML5. !DOCTYPE html PUBLIC -//W3C//DTD HTML 4.01//EN http://www.w3.org/TR/html4/strict.dtd; or !DOCTYPE html In the HEAD you need a TITLE element. You probably also want a charset declaration, e.g.: meta http-equiv=Content-Type content=text/html; charset=utf-8 a link to a stylesheet: link href=body.css rel=stylesheet type=text/css a description META tag: meta name=description content=Chris F.A. Johnson's home page: Web design, Chess, Unix shell, Cryptic Crosswords, Books 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 l...@westernwebdesign.com.auwrote: 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 amp; 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/amp;/\/g' -e 's//\amp;' *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 libweb...@gmail.com wrote: Hi folks, Years ago, I use to painstakingly and religiously convert to amp; 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=1uri=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] 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] 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 li or a or ul 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: 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!
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 dl and both are missing thead 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 h1, but at the very top you have h1aimg 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: @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!
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 p before the body tag. You have two br / 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 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 startrekc...@gmail.com To: wsg@webstandardsgroup.org 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] 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 startrekc...@gmail.comwrote:
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 Fri, 15 Jan 2010, Matthew Pennell wrote:
On Fri, Jan 15, 2010 at 6:17 AM, Chris F.A. Johnson
ch...@cfajohnson.comwrote:
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] 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 dw...@mac.com 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: 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] 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] 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=hirestage=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 pre:
pre class=poem
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
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: 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] 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: 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] 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
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01//EN
HTML
HEAD
TITLELowercase latin numbering/TITLE
STYLE type=text/css
ol { list-style-type: lower-roman }
/STYLE
/HEAD
BODY
OL
LI This is the first item.
LI This is the second item.
LI This is the third item.
/OL
/BODY
/HTML
-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:
ul
li class=blackcontent/li
/ul
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: div id=wrapper [fixed- float left] [fixed - float left] [elastic - no floats] [fixed - float right] /div 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] CSS list-style
On Tue, 6 Oct 2009, Richard Mather wrote:
Hi all,
I'm wondering about colouring bullet points in a ul and wanted to know if
there was a way of having the list-style: a different colour to the text
within the li without having to resort to putting it all within a
spanas per my example:
ul
lispancontent/span/li
/ul
ul {
color:#380;
list-style-type:disc;
}
ul li span {
color:#000;
}
ul
li class=blackcontent/li
/ul
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] 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 susi...@uq.edu.auwrote: 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?
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 ***
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 ***
[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] 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 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] 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 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 jobs@bushidodeep.com 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] 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 html tag is missing in your page - you have doctype directly followed by head. 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=1uri=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 button 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 button 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 button 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... www.whatever.com/news/events/index.html but not like this... www.whatever.com/news articles/Events Sent from m...@me.com/my.file 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 a href=http://www.whatever.gov.au/constitution;Australian Constitution/a. ExampleB ... as referred to in the Australian Constitution a href=http://www.whatever.gov.au/constitution;(link) /a. ExampleC... as referred to in the Australian Constitution a href=http://www.whatever.gov.au/constitution;( www.whatever.gov.au/constitution)/a. 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, Benjamin Hawkes-Lewis wrote: On 9/2/09 07:45, Chris F.A. Johnson wrote: How can CSS overflow replace div style=clear:both;/div? 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, 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 bhawkesle...@googlemail.com wrote: On 9/2/09 07:45, Chris F.A. Johnson wrote: How can CSS overflow replace div style=clear:both;/div? 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, 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 div 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] 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 div style=clear:both;/div? 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 bensan...@gmail.com 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 anth...@fatpublisher.com.au 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 bensan...@gmail.com 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 pnbsp;/p 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 p/p or div/div or div /. 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] 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 ***
