[WSG] Re: Semantic Addresses (WAS br the correct use)
From: Kat [EMAIL PROTECTED] Date: Sun, 15 Jan 2006 17:22:19 +1030 Subject: Semantic Addresses (WAS br the correct use) This is what happens when uni students are on holidays and have nothing defined set to do! ;) Lachlan Hunt, Peter Firminger et al. was talking about the use of br / for addresses, (and I am not saying they are right or wrong!!!), I just want to explore an idea I had while reading their posts. I've been thinking about marking up addresses, since the question came up yesterday. I have checked the archives, and either my search-fu is weak, or I can't find this material in it. Some have said some of what I have also said here. I am not deliberatly plagiarising them, as I wrote those bits before I had finished reading all the archives on this subject, that I could find. :) But I did read the archives [snip] You may find the hCard microformat an interesting spot to explore this topic: http://microformats.org/wiki/hcard -- Douglas Clifton [EMAIL PROTECTED] http://loadaveragezero.com/ http://loadaveragezero.com/app/s9y/ http://loadaveragezero.com/drx/rss/recent
[WSG] Re: ol displaying 3.1 3.2 etc. instead of 1 2 3
There are Javascript Table of Content (TOC) scripts out there that can do this. Problem is, they don't work if Javascript isn't available. CSS 2.1 introduced support for this with list counters. Problem is, many browsers don't support list counters. I have a purely server-side (PHP) solution that works well. In fact, I've been meaning to put together an article on how I built it. With one or two PHP functions, and a data structure that represents your table of contents, you can build them very easily. It also allows you to abstract the entire structure of the page and insert links to any section of the document. Have a look at: http://loadaveragezero.com/hnav/help.php for a fairly complex example of a nested TOC like this. If you view the PHP source, you can see how it works. http://loadaveragezero.com/src/view/hnav/help.php For you validity fans, the results are XHTML 1.1. Doug From: Daniel Nitsche [EMAIL PROTECTED] Date: Wed, 21 Sep 2005 21:31:50 +1000 Subject: Re: [WSG] ol displaying 3.1 3.2 etc. instead of 1 2 3 There is something on this very topic in the WCAG: http://www.w3.org/TR/WCAG10-HTML-TECHS/#lists Cheers, Daniel Nitsche On 9/21/05, Taco Fleur - Pacific Fox [EMAIL PROTECTED] wrote: Is there any way to make list look like 3.1 text text 3.2 text text 3.3 text text 3.4 text text Instead of 1 text text 2 text text 3 text text 4 text text I am thinking NOT with plain markup, but I could be wrong (just checking). And how would someone else do this? Just use ul and put the numbering within the list item as text? -- Douglas Clifton [EMAIL PROTECTED] http://loadaveragezero.com/ http://loadaveragezero.com/app/s9y/ http://loadaveragezero.com/drx/rss/recent ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Table header
Why stop there? Here's the skeleton of a two column table with summary, caption, header, body and footer. Note that the first column is designed to be a label for the data in the second. Also note the placement of the tfoot element in the sequence. This is important. table id= class= summary= caption/caption thead tr th colspan=2 title=/th /tr tr class=col th scope=col title=/th th scope=col title=/th /tr /thead tfoot tr td colspan=2 title=/td /tr /tfoot tbody tr th scope=row/th td/td /tr /tbody /table -- Douglas Clifton [EMAIL PROTECTED] http://loadaveragezero.com/ http://loadaveragezero.com/app/s9y/ http://loadaveragezero.com/drx/rss/recent From: Patrick H. Lauke [EMAIL PROTECTED] Date: Sun, 14 Aug 2005 12:16:26 +0100 Subject: Re: [WSG] Table header Lea de Groot wrote: The thead tag is the key - If you're using thead, you may as well go all the way and add a tbody as well... table thead tr thID/ththVar 1/ththVar 2/th /tr /thead tbody tr tdID VALUE/td tdVar 1 value/td tdVar 2 value/td /tr /tbody /table -- Patrick H. Lauke __ re·dux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.] www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.com __ Web Standards Project (WaSP) Accessibility Task Force http://webstandards.org/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Re: Ten questions for Russ
Ha! The shoe's on the other foot, eh Russ? Good show Maxine, ~d -- Douglas Clifton [EMAIL PROTECTED] http://loadaveragezero.com/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Multiple class names in older browsers
All versions of IE have problems with multiple-class selectors. h1.pink.blue.orange { ... } will match level 1 headings with class orange, but ignore the pink and blue. In other words, only the last class will match. ~d -- Douglas Clifton [EMAIL PROTECTED] http://loadaveragezero.com/ From: Jan Brasna [EMAIL PROTECTED] Date: Thu, 02 Jun 2005 04:40:20 +0200 Subject: Re: [WSG] Multiple class names in older browsers Hi Maxine, all fine in 5.01 and 5.5 ... AFAIK these old one can't handle h1.pink.blue.orange { ... } and interpret it as h1.pink .blue .orange { ... } -- Jan Brasna aka JohnyB :: www.alphanumeric.cz | www.janbrasna.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] style sheet set up
Recently a CSS compressor utility has been making its rounds on the del.icio.us/Furl bookmark sites (and the like). Removing whitespace and comments from stylesheets, cramming them all into one file, and similar naive approaches to improving a site's response time are far less effective strategies than: 1. Selecting a high quality hosting company 2. Selecting the correct Web server software 3. Learning how to correctly configure your Web server 4. Making use of browser cache and expires headers 5. Using keep-alives and timeouts correctly 6. Using http compression 7. Using proxies By following these guidelines, you can eliminate all arguments about using multiple/modular CSS stylesheets. And in the process improve your own productivity, which is another expense that is so often overlooked. Web hosting companies are in the business of making money, and their business model is based on charging by bandwidth -- which is why they thrive on inefficiency, and why they don't want you to know about mod_gzip or even charge you extra to enable it. If, after following these steps and your site still loads slowly then the culprit is still mostly likely not multiple stylesheets, with or without comments in them. The top reasons include: 1. An overloaded shared host 2. A host that is lacking in a key resource such as memory 3. A poorly designed or unmanaged database 4. Poorly designed software such as scripting I have, from my own personal experience with sites that have all of the above issues, actually increased by far the size and number of CSS files that form the design of the site, and yet decreased the load time of the site by many orders of magnitude. I simply do not understand this argument that large, complex stylesheets are somehow to blame for sites that load slowly. I could also reduce bandwidth by eliminating the DOCTYPE declaration from the markup, and sending tag soup that doesn't close element tags or use quotes around attribute values. The browser doesn't care, right? And we all know the user doesn't care how the page is built as long as it loads, and they can find what they're looking for. As far as the scant few users out there with version 4 browsers, good luck with any major Web site these days. As far as dial-up users go, you have my sympathies. -- Douglas Clifton [EMAIL PROTECTED] http://loadaveragezero.com/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Juicy Studio offline
For those of you who don't know Gez Lemon of Juicy Studio, he has been an incredible source of information, articles and tips for the Web developer community for a long time. He's currently on vacation and his hosting provider has gone and given him the shaft while he's away from his home-base. I'd like to ask anyone that can help, or provide suggestions for a new host he can move to or any other ideas that you can might have to do so. Support your fellow developers! Visit his site for more information about the situation and how to contact him with suggestions. http://juicystudio.com/ Thank you! -- Douglas Clifton [EMAIL PROTECTED] http://loadaveragezero.com/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] LOC new release
The US Library of Congress (LOC) has today released the first of a series of upgrades to their Web site. As you will see if you visit: http://www.loc.gov/ The new design uses tableless layout, full use of CSS, XHTML and improved usability, accessibility and aesthetics. I sent them an email today, as they are still not encoding ampersands in their URIs, but other than that the code should also validate. The CSS could definitely use some cleaning up and reduction, but this is progress -- from an organization with clout. Nice site, check it out. On another note, I am building a resource directory for Web developers, designers and programmers. If anyone would like to contribute resource suggestions, please contact me off the list. The URI to the Web Standards category is: http://loadaveragezero.com/app/drx/Internet/WWW/Design_and_Development/Standards Thanks, Doug-- Douglas Clifton[EMAIL PROTECTED]http://loadaveragezero.com/
Re: [WSG] XHTML 1.1 Presentation Module
Patrick, Perhaps you spend a little more time with syntax and a little less time spouting about perfect semantic markup. Personally, I could care less about sending XHTML 1.0 to IE as text/html. Or sending self-closing element tags either. It's a borked browser on so many fronts to begin with anyway. URI: http://www.salford.ac.uk/ This page is not Valid XHTML 1.0 Strict! lia href=http://shop.salford.ac.uk;Online shop/a/ul Oops! What's even more laughable is you're sending 1.0 Strict to the validator as text/html because, as everyone knows, even though the W3C validator understands XTHML perfectly, it does not send the correct Accept header when it makes the request for your page. Which is pretty much moot since you're not even closing your li tags anyway. Ouch! -- Douglas Clifton [EMAIL PROTECTED] http://loadaveragezero.com/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Re: XHTML Strict alternative to ol start=11
Ian, Why not switch to XHTML Transitional for the page that you want to use the start= attribute on? I outline this technique on my website. You don't have to be using PHP to do this, you can simply cut and paste the correct DTD. http://loadaveragezero.com/vnav/labs/PHP/DOCTYPE.php Doug ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **