Re: [WSG] OT - maybe: quote or word of the day

2006-12-08 Thread David Hucklesby
Hi Bob,

You wrote:
 I'm not being awkward but I still don't understand the issue here.

 document.write is not what is being served. Rather, it is part of a 
 script that is serving html on the client side.

 What does javascript have to do the parsing of the xhtml?

 How else do I serve html using javascript?


Ritmantas replied:
 document.write does not work when XHTML is treated as such, i.e. when 
 document is served with apropriate MIME type (application/xhtml+xml). You 
 can try for yourself, [...]

Possibly easier, just change the filename extension to xhtml' and open the 
file locally. Opera 9 and Firefox 2, at least, accept this as an XML MIME 
type.

Cordially,
David
--




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] xhtm 1.1 and Ruby annotations

2006-11-30 Thread David Hucklesby
On Thu, 30 Nov 2006 17:34:58 -0800, Scott Tankard wrote:

[...]

 When viewing an xhtml page with an xhtml doctype and served as
 application/xhtml+xml mime type, the markup errors you described (in fact
 pretty much all markup errors) would give and ugly yellow 'parsing error'
 page in Firefox. In IE, you would see an xml tree or a download prompt,
 depending on your configuration. I'm not sure what Safari or Opera does
 (or say, Lynx), but I assume similar to Firefox.

To see this in action, change the file name extension from htm or html to 
xhtml on a local copy of the document, and open it up in Firefox, Opera, 
etc.

Interesting results in IE ... :)

Cordially,
David Hucklesby
--



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] Font-sizing in quirksmode

2006-11-11 Thread David Hucklesby
 David McKinnon wrote:
 Hi,

 I'm trying to get font sizing consistent between IE6 and Firefox.
 Unfortunately our CMS writes two HTML comments before the DOCTYPE
 declaration on each page, throwing IE into quirksmode. This means
 that the default text is too large on IE and much too small on
 Firefox.

On Thu, 9 Nov 2006 22:53:59 -0500, Christian Montoya responded:

 I thought about this more and came up with a serious solution. Size the
 text with pixels, and then use conditional comments to give IE relative
 sizes. Pixel-sized text is mostly accessible on every other browser (and
 looks better too), while IE is the one that really needs relative (em)
 sizes. That would be the next best solution to actually removing the
 comments above the doctype.

I think that's a rather good solution, as far as it goes.

One thing you need to be aware of, though, is people like me with high
resolution screens on our laptops likely have Windows set to 120 DPI.
This immediately creates a difference between point-based agents such
as IE and Opera, and pixel based ones like Firefox. Text size defaults
to 20 pixels on the point-based agents, 16 pixels on the rest.

But I do have to ask, so what?

(Q. Does IE 7 resize pixel-sized text?)

Cordially,
David
--



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] Dropdown menu issue - part II

2006-11-07 Thread David Hucklesby
On Tue, 07 Nov 2006 09:36:34 +, Nick Roper wrote:
 Sorry folks, forgot to say that this was fixed, many thanks to all
 concerned.

 Out of interest, what's the correct way of thanking people and advising
 that something is fixed - not quite sure what to do on/off list.

Personally, I like to hear when a problem is fixed, so thanking folks
and CC-ing the list is fine by me. Without that, I'm never sure the 
proposed solution is a good one.

Thanks.

Cordially,
David
--
www.hucklesby.com



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] Help needed with CSS dropdown menu issue in Opera

2006-11-04 Thread David Hucklesby
On Sat, 04 Nov 2006 23:29:01 +, Nick Roper wrote:

 When the page started out there were no requirements for any dropdown
 navigation, so everything was just handled by #contentLeft. Then a
 request for a dropdown was made and I added the code  css per the
 example on List Apart. The associated javascript uses the #dropnav id to
 apply a class of 'over'  - see below.

 Maybe the problems are down to the confusion between #contentLeft and
 #dropnav?

 Javascript code is :

 startList = function() {
 if (document.alldocument.getElementById) {
 navRoot = document.getElementById(dropnav);
 for (i=0; inavRoot.childNodes.length; i++) {
 node = navRoot.childNodes[i];
 if (node.nodeName==LI) {
 node.onmouseover=function() {
 this.className+= over;
 }
 node.onmouseout=function() {
 this.className=this.className.replace( over, );
 }
 }
 }
 }
 }
 window.onload=startList;

Hi Nick,
I'm not familiar with the menu, but glancing at this script I do
notice a test for document.all. I know that it's unlikely that Opera
would need help from a script. IE 6 and below likely does need this
script. So I wonder if the test for document.all is to filter for IE ?

I also know that Opera will return true for this condition. So the
script is, in fact, applied by Opera. Maybe start here - does Opera
work okay if you pull the script? If so, you could wrap the script in
a conditional comment for IE 6 and below. IE 7 likely does not
need it either. (But test!)

FWIW - More than a few of us went from Opera 7.54 to Opera 9, as the
version 8 added a lot more functionality, and a lot of bugs in the process.

Cordially,
David
--



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] IE 7 freezes liquid, jello

2006-11-03 Thread David Hucklesby
On Fri, 3 Nov 2006 14:23:49 +0800, Nick Cowie wrote:
 I would expect my layout to expand beyond the browser window width when
 zoomed (either page zoom in IE or Opera or text zoom in any browser), my
 layout width is em based and uses a little javascript when the page is
 loading to change the text size so it automatically fill the full browser
 window. 

Hi Nick,
My apologies for incorrectly citing your design. As you note, any kind
of width specification besides percent (or no specification at all)
eventually expands beyond the viewport on zoom.

The jello design does, too. But my objection there is to the 
unnecessary horizontal scroll bar when the width is contained. 
Neither Opera nor Firefox do this.

Nick also added:
 If you increase your text size, zoom the page or have a default
 text size greater than 16px  the page will expand beyond your browser
 window.

What led me to conclude that your design somehow works better in
Firefox than in IE 7 is due to my laptop being set to 120 DPI resolution.

In Firefox, your page starts off with margins, because 1em translates
to 16px in that browser. IE 7 however starts off with no margin
because 1em translates to 20px at my screen resolution. Your technique
still works as designed though. Nice!

P.S. I am now seeing other issues with IE 7's zoom feature. Look
at the heading on this page, for example:

http://webwiz.robinshosting.com/jello.html (enable scripting)

Cordially,
David
--



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] Site Check - Mitra Foundation

2006-11-02 Thread David Hucklesby
On Thu, 02 Nov 2006 08:51:23 +0530, Rahul Gonsalves wrote:
 Dear All,

 http://rahulgonsalves.com/mitra/0111/index.html

 I would appreciate a site check, for this website - built for a non-
 profit looking to promote alternative energy choices.


I'd agree with Rachel and David - a really attractive and appropriate
layout and color scheme.

You ask about older browsers, but I see problems in IE 7. The text on
the horizontal secondary menu (yellow) gets out of whack with the 
actual link when any zoom is applied (Ctrl +). At the same time, the
image transitions get very jerky. There's also a horizontal scroll bar,
with the content extending beyond the window borders - but this seems
to be a feature of Microsoft's first attempt at a real zoom.

My standalone IE 5.5 has problems with the transparency of the logo
(but I only just installed IE 7 with these standalones, so that may be
a limitation of my setup). IE 5.5 also pops a warning about the script
- Line: 4  Char: 1  Error: Object doesn't support this property or 
method.

IE 5.01 is totally borked - most of the content is missing. I don't
think I'd worry too much about it though. My site gets visitors on
Windows 98, but even they have IE 5.5.

Checked on Windows xp SP 2 @ 120 DPI.

(Check spelling of title on contact page!)

Cordially,
David
--



***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



[WSG] IE 7 freezes liquid, jello

2006-11-02 Thread David Hucklesby
Liquid designs, sized with percentage width, and the brilliant Jello
layout from Mike Purvis[1] behave in a bizarre manner in IE 7 when 
page zoom is applied. It's as though the entire page grows or shrinks
regardless of the window constraints, throwing a horizontal scrollbar
when zoomed in (Ctrl +), and occupying only part of the browser window
when zoomed out (Ctrl -).

Even Nick Cowie's Elastic fluid design [2] suffers this fate.

Does anyone have a solution?

Cordially,
David
--
[1] http://www.positioniseverything.net/articles/jello-expo.html
[2] http://nickcowie.com/2006/elastic-fluid-design-some-notes/





***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] Percentages

2006-10-21 Thread David Hucklesby
On Mon, 16 Oct 2006 21:06:11 -0400, TomGou wrote:
 I'm not a CSS newbie, and not a CSS Pundit either. What I'd like to
 know, is there anything inherently wrong with using percentages for
 a three column floated layout?

 Say my outermost container is 720px wide, is it problematic if the
 column div widths are 23%, 52%, and 25%


Dissenting only a little from other replies, I would suggest using 
percentages that add up to just shy of 100%. 99% may do, but
test thoroughly.

Reason for using percents for fixed width layout? Should you decide
to change the width, or make it ems or whatever, you won't need
to recalculate the individual widths.

Avoid putting margins or padding on these columns. If you need either,
put them on the elements or an extra DIV inside the structural 
containers.

To answer you directly - No, I see nothing wrong at all.

Cordially,
David
--
www.hucklesby.com


***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] Entity Name vs Entity Number

2006-10-21 Thread David Hucklesby
 James Oppenheim wrote:
 A quick question. When marking up XHTML should I be using entity
 names or entity numbers? Is there a standard or best practice?


On Thu, 19 Oct 2006 13:29:44 +1000, Lachlan Hunt responded:

 ...
 Even better than using references is to encode the file as UTF-8
 and just enter the real characters.

Sorry to come late to this parade. Just wanted to add a couple of
things I learned to watch out for.

1. If you can, choose a font for the editor that supports the
characters (glyphs) you want to use.

2. Make sure that the font-family for the web page will display
these glyphs. Browsers *may* make a substitution, but don't
count on it.

3. Make sure your FTP options are set to transfer all files as binary
*not* as ASCII.

Cordially,
David
--




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] The usability of a frame-style layout

2006-09-28 Thread David Hucklesby
On Wed, 27 Sep 2006 09:15:47 +1000, Andreas Boehmer [Addictive Media] wrote:
 [...]
 However, with css we now have the ability to imitate frames in an
 accessible and search-engine friendly way for browsers that support
 it. So the question comes back to usability (and maybe aesthetics):
 wouldn't it be more user-friendly to always make the primary
 navigation available to users, no matter what part of the page they
 are looking at?

Interesting concept Andreas. Your idea has already been realized
to a degree in Opera.

Opera has a navigation bar that users can turn on or off. It sits 
across the top of a page, and is populated by LINK elements in the 
HEAD section of a document.

The navigation is limited to predefined keywords, like Home, Index,
Search, Glossary, Help, Previous ...

You may also be interested in PPK's revamped site. See for example
the Blogs page, and activate the show site navigation link on
the left. Is this what you had in mind? -

http://www.quirksmode.org/blogs.shtml

Cordially,
David
--




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] CSS confusion

2006-09-23 Thread David Hucklesby
On Sat, 23 Sep 2006 11:43:53 +0100, Designer wrote:
 [...]
 http://www.jakpsatweb.cz/css/css-vertical-center-solution.html

 Uses the following:

 #outer {height: 400px; overflow: hidden; position: relative;}
 #outer[id] {display: table; position: static;}

 and I don't understand the [id] bit.  [...]

You may also like to use SelectOracle for an explanation of any more
unusual CSS selectors you come across:

http://gallery.theopalgroup.com/selectoracle/

Cordially,
David
--




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



Re: [WSG] In-page font sizer

2006-09-22 Thread David Hucklesby
On Fri, 22 Sep 2006 08:45:56 -0400, Tom Livingston wrote:
 Hello list,
 I'm looking for a simple, tried and true method of allowing a
 user to increase/decrease font size on a page – no, not by using
 browser settings. You know... You see an icon of a big 'A' and a
 little 'a' and clicking them increases/decreases page font size...

On Fri, 22 Sep 2006 14:05:33 +0100, Christian Heilmann suggested:

 Personally I consider these things counterproductive, as explaining
 the user how to resize would make more sense (give a man a
 fish...). Then again, if you think your site needs those, you might
 consider using a larger font from the start anyways.


... and to save you time writing the explanation, you could link to
the BBC explanation (which covers PDFs etc. as well):

http://www.bbc.co.uk/accessibility/win/seeing/text/sub_2.shtml

This is a part of My Web My Way - Help with seeing websites:

http://www.bbc.co.uk/accessibility/win/seeing/sub_1.shtml

Cordially,
David
--




***
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
***



RE: [WSG] Support for IE5/Mac? (was Browser stats)

2006-08-03 Thread David Hucklesby
 Sunny wrote:

 I know how to prevent v.4 browsers from getting my styles, but
 how do I stop IE5/Mac from getting them?? All I know how to do is
 to give them
 something different, not how to exclude them entirely.

On Thu, 3 Aug 2006 13:54:46 +1000, Geoff Pack replied:

 see: http://centricle.com/ref/css/filters/

[EMAIL PROTECTED] url('styles.css'); /* excludes NS4, Mac IE5 */
[EMAIL PROTECTED] 'styles.css'; /* excludes NS4, IE4, Mac IE5 */

You may also want to give some styles to that browser alone.
I believe that this does it:

  @import (ie5mac.css)

Cordially, David.
--




**
The discussion list for  http://webstandardsgroup.org/

 See http://webstandardsgroup.org/mail/guidelines.cfm
 for some hints on posting to the list  getting help
**



Re: [WSG] More on printing

2006-06-07 Thread David Hucklesby
On Wed, 07 Jun 2006 13:05:35 +0100, Designer wrote:

 [...] I have a site with the potential to print out some thirty
 different pages, with each printout length between 1 page and 4.  Each
 page has small illustrations scattered unevenly amongst the text, and
 I'm finding that some pages attempt a page break half way through an
 image, with the result that the image splits into two across the pages.

Try adding float: none to the images in your print style sheet. I find 
this usually fixes the problem, but can't be certain as you don't say 
which browser you use.

No need to un-float all of them - just the ones that give problems. 
(Bearing in mind that not everyone prints on size A4 in portrait mode.)

Cordially,
David
-- 
David Hucklesby, on 6/7/2006
http://www.hucklesby.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] pls help

2006-06-04 Thread David Hucklesby
Leonard Salubayba wrote: 

 hi i am having prob with my css layout pls help. i have a liquid layout 
 which is 90% in width, what i want is, when i minimize it and goes 
 below 800x600 res, i want it to stop there and instead have a 
 horizontal scrollbar. coz my div keeps dropping and it not good. pls 
 anyone help?
 

Stu Nicholls has a min-width solution for Internet Explorer on Windows. 
It does require you to put IE in quirks mode however, so may or may not 
be appropriate to your needs. See here:

  http://www.cssplay.co.uk/boxes/minwidth.html

Cordially,
David
-- 
David Hucklesby, on 6/4/2006
http://www.hucklesby.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
**