[WSG] A quick breakdown of some code today
Today, Amit posted a piece of CSS code to the list. I remember when I first
started getting into CSS, code like this would make me freak out:
div.content a[href^=http:] {
background: transparent url('path/to/aoutside.gif') 100% 50% no-repeat;
padding-right: 10px;
}
So, for those that are reasonably new to CSS, I'd thought I'd break it down
into bite size pieces.
-
The basics
-
A simple rule set looks like this:
selector { property: value; }
More here
http://css.maxdesign.com.au/selectutorial/rule.htm
For example, if you want to change the appearance of every a element on
your page, you would use code like this:
a { background: green; }
The a is the selector. The background is the property, and green is
the value.
If you want to be more specific, and style all a elements inside a
specific container, you would use a descendant selector:
http://css.maxdesign.com.au/selectutorial/selectors_descendant.htm
A descendant selector could look like this:
#nav a { background: green; }
Now, only a elements within the #nav container will be styled with a green
background.
-
Attribute selectors
-
Attribute selectors are much more powerful than simple selectors or
descendant selectors as you can select not only elements, ids and classes,
but the attributes within elements. Even better, you can select values
associated with attributes within these elements. More here:
http://css.maxdesign.com.au/selectutorial/selectors_attribute.htm
It all sounds too good, doesn't it? Of course, IE5, 5.5 and 6 (as well as
Mac IE5) do not support these selectors. But let's ignore that for a
second...
-
A sample attribute selector
-
What if we wanted to style any a elements with an attribute of href? We
could do this with an attribute selector like this:
a[href] { background: green; }
Now, any any a element that has an attribute of href will be styled with
a green background.
-
Attribute selector using value
-
What if you wanted to style only links that went to a certain page? You
could refine your attribute selector still more, by using an attribute and a
value:
a[href=fun.htm] { background: green; }
Now, any a element that has an attribute of href and a value of
fun.htm will be styled with a green background.
You can also set up attribute selectors to select space separated instances
of a value and hyphen separated instances of a value, but that is another
story.
-
Selecting any external link on a page
-
What if you want to select any external link on the page. Amit chose to do
this using a CSS3 attribute selector. They will not work in browsers that do
not support them, but look cool in browsers that do. As long as the CSS3
selector does not contain critical information that may negatively affect
users on older browsers, this is an acceptable option - depending on the
site, the audience etc.
The name for the particular selector Amit used is called a Substring
matching attribute selectors. These selectors match substrings in the value
of an attribute. The particular one we want to use will select prefix
values. It looks like this:
[att^=val]
Represents the att attribute whose value begins with the prefix val
http://www.w3.org/TR/2001/CR-css3-selectors-2003/#attribute-selectors
In this case, the substring we want is simply http:. This will select any
link that has a prefix of http:, but will ignore any link that does not
have this prefix. There is a good chance that this will now select only
external links. The selector is:
a[href^=http:] { background: green; }
Now, any a element that has an href with a prefix of http: will be
styled with a green background.
-
Adding a descendant selector
-
What if you only wanted to style external links within a certain container?
This can be achieved by using the attribute selector above, with additional
descendant selectors.
Let's assume that the external links to be styled are inside a div, and that
we have styled the div with a class called content:
div class=content... /div
The rule set would now be:
div.content a[href^=http:] { background: green; }
Now, only links within a div that is set with a class called content will
be selected. Inside this container, any a element that has an href with
a prefix of http: will be styled with a green background.
-
The final touches...
-
Amit, being the clever guy he is, has decided to style these external links
with a small icon. So, all we need to do is replace the background: green
with a background image. Here is the original
RE: [WSG] A quick breakdown of some code today
From: russ - maxdesign I remember when I first started getting into CSS, code like this would make me freak out: [...] So, for those that are reasonably new to CSS, I'd thought I'd break it down into bite size pieces. And for those rare occasions where Russ isn't handily available to break down complex selectors, you can visit the selectoracle http://gallery.theopalgroup.com/selectoracle/ A bit more concise than the step by step explanation, but useful nonetheless. The example in question div.content a[href^=http:] comes out with the following translation: Selects any a element with a href attribute that begins with http: that is a descendant of a div element with a class attribute that contains the word content. Patrick Patrick H. Lauke Webmaster / University of Salford http://www.salford.ac.uk ** 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] A quick breakdown of some code today
Errr... Russ made more sense to me... What browsers support CSS3? I'm guessing Firefox does/might. Are there others? On Tue, 7 Dec 2004 11:28:38 -, Patrick Lauke [EMAIL PROTECTED] wrote: From: russ - maxdesign I remember when I first started getting into CSS, code like this would make me freak out: [...] So, for those that are reasonably new to CSS, I'd thought I'd break it down into bite size pieces. And for those rare occasions where Russ isn't handily available to break down complex selectors, you can visit the selectoracle http://gallery.theopalgroup.com/selectoracle/ A bit more concise than the step by step explanation, but useful nonetheless. The example in question div.content a[href^=http:] comes out with the following translation: Selects any a element with a href attribute that begins with http: that is a descendant of a div element with a class attribute that contains the word content. Patrick Patrick H. Lauke Webmaster / University of Salford http://www.salford.ac.uk ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- Jason Foss www.almost-anything.com.au Windows Messenger: [EMAIL PROTECTED] North Rockhampton, Queensland, Australia + Please send any off-list replies to [EMAIL PROTECTED] + ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] a quick target question
Patrick H. Lauke wrote: Veine K Vikberg wrote:
So it's not WAI that's unforgiving, but Bobby in its miopic
application of the guidelines (which are, at this stage, already quite
out of date in many areas such as the one discussed here).
There is really a quite simple solution, which is what you should be
doing anyway: separate out the behavioral layer. A very good source is
/Unobtrusive JavaScript
/(http://www.onlinetools.org/articles/unobtrusivejavascript/).
Bobby *DOES NOT* examine external JavaScript files, so it will be none
the wiser. If you think it might be cheating, think again; you're just
protecting it from it's own (well documented) flaws.
Here's your anchor: a href=wharever.com class=popupWhatever.com/a
In an EXTERNAL JavaScript file have:
function addLoadEvent(func) {
var oldOnload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
oldOnload();
func();
}
}
}
function getElementsByClassName(className, node){
node = node||document; // Defaults to document object if no node is
given.
var all = node.all||node.getElementsByTagName('*');
var arr = new Array();
for(var i=0; iall.length; i++){
if(all[i].className == className){
arr[arr.length] = all[i];
}
}
return arr;
}
function addPopUps () {
var i;
var popups = getElementsByClassName(popup);
for (i=0; ipopups.length;i++) {
popups[i].onclick = function (){window.open(this.href);return
false;};
}
}
if (document.getElementByTagName) {
addLoadEvent(addPopUps);
}
Note:* Much of the above I originally adapted from various sources.
While I haven't tested addPopUps, I adapted it from working code I've
written. Also, if needed, getElementsByClassName can be easily adapted
to handle tags with multiple class names by using a regular expression.
**
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] A quick breakdown of some code today
What browsers support CSS3? I'm guessing Firefox does/might. Are there others? Ofcourse there isn't a browser that supports more than little bits of CSS3. Gecko supports CSS3 selectors Opera supports CSS3 media queries Explorer supports some of the CSS3 text module (text-justify: newspaper; is quite nice) -- regards, Kornel Lesiski ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Semantic Breadcrumbs
At the risk of getting this started up again... (I tend to read my WSG emails in a batch every day or so.) Mordechai Peller wrote on 06/12/2004 09:31:41 PM: If breadcrumbs show where you are in the site you get: Level 1 Level 2 Level 3 Level 4 Level 5 If, on the other had, they show you where you've been, you get: Stop 1 Stop 2 Stop 3 Stop 4 Stop 5 Either way, the order describes a form of hierarchy. Not really. Level 1 Level 2 Level 3 is a hierarchy because Level 3 is contained within Level 2, which is contained within Level 1, whereas the only connection between Stop 1, Stop 2 Stop 3 is that the user viewed the pages in that order. He/she could just as easily viewed them in the OPPOSITE order. Jonathan Cooper Manager of Information / Website Art Gallery of New South Wales Sydney, Australia http://www.artgallery.nsw.gov.au ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] A quick breakdown of some code today
On 7 Dec 2004, at 8:35 pm, Jason Foss wrote: Errr... Russ made more sense to me... What browsers support CSS3? I'm guessing Firefox does/might. Are there others? On Tue, 7 Dec 2004 11:28:38 -, Patrick Lauke [EMAIL PROTECTED] wrote: From: russ - maxdesign I remember when I first started getting into CSS, code like this would make me freak out: [...] So, for those that are reasonably new to CSS, I'd thought I'd break it down into bite size pieces. And for those rare occasions where Russ isn't handily available to break down complex selectors, you can visit the selectoracle http://gallery.theopalgroup.com/selectoracle/ SelectOracle is a great service, but the translation can still be a bit abstract for those without a fair amount of knowledge about selectors and the cascade. Safari/Omniweb and Gecko do support those selectors quite well; Opera does support some of the more complex (CSS3) selectors, those described in the CSS2.1 CR: http://www.w3.org/TR/CSS21/selector.html#attribute-selectors The losers are the usual suspects. (I personally love those pattern-matching thingies, and some other goodies in the CSS3 selectors). Philippe ---/--- Philippe Wittenbergh now live : http://emps.l-c-n.com/ code | design | web projects : http://www.l-c-n.com/ IE5 Mac bugs and oddities : http://www.l-c-n.com/IE5tests/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Semantic Breadcrumbs - slightly tangential
Mordechai Peller wrote on 06/12/2004 09:41:20 PM: Patrick Lauke wrote: ...and discussing the finer points of semantics in a markup language as coarse and unsuitable as HTML ends up being a tad futile Futile? Perhaps sometimes. Though I must admit, when there is a good reason to do so (what's a good reason is admittedly subjective) I find splitting hairs to be enjoyable. That reminds me of the Curator of Australian Art at the Art Gallery of NSW in the 1970s, Daniel Thomas, who was once accused of being terribly pedantic. To which he replied: No, not ... 'pedantic' exactly ... :-) Jonathan Cooper Manager of Information / Website Art Gallery of New South Wales Sydney, Australia http://www.artgallery.nsw.gov.au ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] New Zealand Web Standards??
Joe - like your work. Point 2 about interested amateurs is more a commentary about the state of web design in general, not specifically those working in govt departments ;-) More about the guidelines lacking teeth: Cabinet paper is here. http://www.e-government.govt.nz/docs/cabinet-paper-200402/chapter17.html Um, so the consequences for not complying are? And which clause in the cabinet decision takes precedence: 3.2 should be compliant by next complete redevelopment. 3.3 must comply by Jan 1, 2006. See 3.2 gives you an out with compliance. Unfortunately, the guidelines don't extend to all those corners of cyberspace that government can influence (eg SEO's, intranets, local government, educational resources), although all others are invited to use the guidelines. I also recall (vaguely, admittedly) a memo/press release from Trevor Mallard, which seemed a lot softer than the cabinet recommendation, but I can't find a reference to it anymore (can't recall if I saw it online or in paper). Don't get me wrong, I am all in favour of the e-government web guidelines, they just don't quite go far enough IMO. Also, some of hardcoded recommendations are already outdated, and so will present problems in the future (e.g. web safe color palette, use of keywords for font-sizing, exemption required for xhtml). Terrence Wood. On 2004-12-08 7:32 AM, Joseph Lindsay wrote: There is a lot of transparence around how govt agencies procure services and the local 16year old with a pirated copy of DW isn't likely to get the job. As for the guideline lacking teeth: All 'Public Sector' departments _have_ to comply (I don't recall the dates (1 June 05?). Other crown entities (I'm not sure if this applys to SOEs like TVNZ) are _strongly encouraged_ to comply. Darrenbut i think every New Zealand web developer should read this document and try to at least adhere to some of these guidelines when building websites./Darren Darren I agree totally. Of course there is no need for companies/individuals to comply with the govt-only parts (like 'must link to govt portal' etc.) Joe -- You know you've achieved perfection in design, not when you have nothing more to add, but when you have nothing more to take away. -Antoine de Saint-Exupery ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] Brisbane Meeting Tonight - Are YOU going?
Tonight sees our delayed Brisbane meeting. Hopefully that wet stuff falling from the sky wont have any effect on numbers (what is it with the 2nd wednesday of the month?) We look forward to a great presentation from Scott Barnes on Now and Zen - A journey into the Fantasy and Reality of CSS For those people (in the Brisbane area) who haven't had a chance to RSVP, would you? I'd hate for there to not be enough cake for you (not to mention the beer!) warmly, Lea -- Lea de Groot WSG Core Group, Brisbane ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Semantic Breadcrumbs
Been following the breadcrumb (BC) discussion, and think it may come
down to defining the *purpose* of the BC. Through a process of
distillation I've arrived at the following conclusions;
The ('correct') semantic markup of a BC should be based on what the
BC primarily 'means'.
There is the distinction between BC as a presentation format
(navigation in a line suggesting a progression from left-to-right)
vs. BC-as-a-transcript (similar to the Back button) of the path the
specific user followed to reach this page.
Finally there is the companion term 'topic path'; often presented as
a breadcrumb, that show the current page in relation to an
information hierarchy or structure (the taxonomy defense).
More thoughts:
http://www.motive.co.nz/glossary/breadcrumb.php
asideSuggestions regarding additional glossary terms we should add
welcome/aside.
--
Andy Kirkwood | Creative Director
MOTIVE | web.design.integrity
http://www.motive.co.nz/
ph: +64 4 3 800 800 fx: +64 4 970 9693
mob: 021 369 693
93 Rintoul St, Newtown
PO Box 7150, Wellington South, New Zealand
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] DOM and Standard
Hi Berry, Not really much out there on theory, but Gecko has a pretty compliant DOM implementation. The Gecko DOM Reference: http://www.mozilla.org/docs/dom/domref/ The Mozilla Object Reference: http://mozref.com/ On Tue, 7 Dec 2004 16:33:27 -0500, berry [EMAIL PROTECTED] wrote: Thanks, but I already found this link. What I was looking for was theory. -- Lindsay Evans http://lindsayevans.com/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Firefox screen-reader emulator
On Tue, 07 Dec 2004 12:14:18 -0500, Jeffrey Hardy [EMAIL PROTECTED] wrote: I've never seen a *real* screen-reader There's a number of different screenreaders available for testing. Some are free, others have trial periods. I recently installed the demo version of JAWS under Virtual PC - it will run for 40 minutes, which gives you plenty of time to test a few sites. I would highly recommend it for everyone, even if you're not specifically concerned about accessibility. Here's some others: Window-Eyes (demo version): http://www.gwmicro.com/demo/index.php Simply Web 2000 (free): http://www.econointl.com/sw/ JAWS (demo version): http://www.freedomscientific.com/fs_products/software_jaws.asp IBM Homepage reader (demo version): http://www-3.ibm.com/able/solution_offerings/hpr.html pwWebSpeak (free): http://www.soundlinks.com/pwgen.htm emacspeak (free, Linux): http://emacspeak.sourceforge.net/ -- Kay Smoljak http://kay.smoljak.com/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Firefox screen-reader emulator
Kay Smoljak wrote: There's a number of different screenreaders available for testing. Some are free, others have trial periods. I recently installed the demo version of JAWS under Virtual PC - it will run for 40 minutes, which gives you plenty of time to test a few sites. I'll have my usual rant here, nothing personal: the demo versions of screenreaders (and any other software) are made available by the developers so that you can evaluate the product and decide whether you're going to purchase the full version or not. If you keep using the demo version for proper testing, you're breaking the terms of the demo license. (Of course, it's down to your own conscience, and the calculated risk of being caught by antipiracy bodies like the BSA ... but it's worth mentioning nonetheless) -- Patrick H. Lauke _ re·dux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.] www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] No skipping to content needed?
Ben Curtis wrote: A lot of people put an in-page anchor at the top to skip navigation or skip to main content. Are there any hidden gotchas with simply putting the navigation last and positioning it first? With all the discussion about whether content or navigation first is better for the blind, have you ever stopped and asked? Russ did and posted the following on 6/18/04: Before meeting David I always read that navigation should be last I nthe source. I asked David this when he came to talk to the WSG recently and he said emphatically: The navigation should go before the content. I want to be able to jump around the site and then read the content. If the nav is at the bottom I have to read the content first each time. This proves once again the difficulty of perfect accessibility. There are personal views as to best practices. I'd go with David's view now as I respect his knowledge and experience. As long as we provide skip to content links (which should be visible, not hidden in source) then you cover all bases. ** 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] Firefox screen-reader emulator
Just wanted to add: One of our products is a FREE text-to-speech reader. http://readplease.com And we offer a toolbar for IE that is not free called ReadingBar. ReadingBar also supports VXML. Rob - - - - - - - - - - - Rob McCormack, P. Eng. President ReadPlease Corporation * Software that lets your computer talk * 121 Cherry Ridge Road Thunder Bay, ON, Canada P7G 1A7 Time Zone: ET, GMT-4, New York Time Toll free: 866-727-8958 Phone: 807-474-7702 Fax: 807-768-1285 Email: mailto:[EMAIL PROTECTED] Web: http://readplease.com - - - - - - - - - - - Quoting Kay Smoljak [EMAIL PROTECTED]: On Tue, 07 Dec 2004 12:14:18 -0500, Jeffrey Hardy [EMAIL PROTECTED] wrote: I've never seen a *real* screen-reader There's a number of different screenreaders available for testing. Some are free, others have trial periods. I recently installed the demo version of JAWS under Virtual PC - it will run for 40 minutes, which gives you plenty of time to test a few sites. I would highly recommend it for everyone, even if you're not specifically concerned about accessibility. Here's some others: Window-Eyes (demo version): http://www.gwmicro.com/demo/index.php Simply Web 2000 (free): http://www.econointl.com/sw/ JAWS (demo version): http://www.freedomscientific.com/fs_products/software_jaws.asp IBM Homepage reader (demo version): http://www-3.ibm.com/able/solution_offerings/hpr.html pwWebSpeak (free): http://www.soundlinks.com/pwgen.htm emacspeak (free, Linux): http://emacspeak.sourceforge.net/ -- Kay Smoljak http://kay.smoljak.com/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** 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] Firefox screen-reader emulator
Mordechai Peller wrote: Do any of these, or any others for that matter, support aural style sheets? from that list, emacSpeak only, unless things have changed recently... -- Patrick H. Lauke _ re·dux (adj.): brought back; returned. used postpositively [latin : re-, re- + dux, leader; see duke.] www.splintered.co.uk | www.photographia.co.uk http://redux.deviantart.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] Semantic Breadcrumbs
On Wed, 8 Dec 2004 10:54:54 +1300, Andy Kirkwood | MOTIVE
[EMAIL PROTECTED] wrote:
Been following the breadcrumb (BC) discussion, and think it may come
down to defining the *purpose* of the BC. Through a process of
distillation I've arrived at the following conclusions;
The ('correct') semantic markup of a BC should be based on what the
BC primarily 'means'.
While the breadcrumbs discussion over the last few days has been
vaguely interesting - the long drawn out squabbling over semantics
reminds me why I don't bother following the Usenet HTML/CSS newsgroups
anymore! - I'd have to ask if breadcrumbs are really that important.
This is veering off-topic rapidly, but here's an interesting
discussion on real world data on the use of breadcrumb navigation
which suggests they're not utilised by most average users:
http://www.humanfactors.com/downloads/oct04.asp#kath
--
Kay Smoljak
http://kay.smoljak.com/
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
Re: [WSG] A quick breakdown of some code today
russ - maxdesign wrote:
a[href^=http:] { background: green; }
How about this one?
input[value=blue] { background: blue; }
Apply this to a form input and try typing in blue, is the CSS applied
in real time? Not so in Firefox..
Even though the DOM knows that the value has been updated the CSS is not
applied. [1]
I wonder if switching stylesheets would force an update?
Regards
Chris Blown
[1] http://www.hinterlands.com.au/testing/attribute_selectors.html
**
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] float and table width combination problem in IE
Ah, sorry for not being more specific: The example page I've created is a simplified version of the actual page layout. The red box does in fact need to be floated due to other dependant and related page elements. -Original Message- From: Natalie Buxton [mailto:[EMAIL PROTECTED] Sent: Wednesday, 8 December 2004 1:02 PM To: [EMAIL PROTECTED] Subject: Re: [WSG] float and table width combination problem in IE Dont float the box. Is there a reason you are floating it? Seems in this example that absolute positioning would achieve the effect you are after? Natalie On Wed, 8 Dec 2004 12:54:16 +1100, Cade Whitbourn [EMAIL PROTECTED] wrote: Friends, Can anyone help me identify what's going wrong with the following layout in IE6/Windows. I've been struggling with it all morning, and I suspect there may be a simple fix that I've just overlooked. The page: http://home.swiftdsl.com.au/~cadewhitbourn/test/demo.htm The layout: The red box is floated left. The purple box has a left margin set to the width of the red box. The purple box contains a table. The problem: In IE, when the browser viewport is decreased to less than the width of the table, the table drops down to below the bottom of the list, but the heading stays in place. I want the table to stay in place and just have horizontal scroll bars. I hope I've been clear. Any thoughts are greatly appreciated. Cheers, Cade. ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** -- Website Designer/Developer www.nataliebuxton.com ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
RE: [WSG] float and table width combination problem in IE
Thanks Henry. I have looked into hasLayout but applying dimensions to the various boxs (including dummy container boxes I created) doesn't seem to affect the behaviour of the misbehaving table. Any other suggestions? -Original Message- From: Henry Tapia [mailto:[EMAIL PROTECTED] Sent: Wednesday, 8 December 2004 1:43 PM To: [EMAIL PROTECTED] Subject: Re: [WSG] float and table width combination problem in IE Hi Cade, The problem: In IE, when the browser viewport is decreased to less than the width of the table, the table drops down to below the bottom of the list, but the heading stays in place. Having played around with it for a minute or two, it looks like it might be an IE rendering bug (hasLayout). Info here: http://www.positioniseverything.net/articles/hollyhack.html#haslayout Warning: might require a hack to fix. You might want to consider Natalie's absolute positioning recommendation. cheers, - hank -- http://henrytapia.com/ -- ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help ** ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
[WSG] pasting with line feed in mozilla input form
Hi there, got a problem with mozilla but cant find the answer, seems to happen mostly under windows. If a form has an INPUT object, and the user copies some text into their clipboard/buffer than contains a \n or \r (line feed or return carriage), this gets fed into the INPUT object and the input object starts acting like a multiline TEXTBOX object but is only on one line. so the result is that the user only see's the last line of the text they pasted in, which leads to all sorts of dramas as they could have submited something they werent expecting. any ideas? ive tried using javascript to catch the event and strip out the \n's and \r's but onkeydown, onkeyup and onchange dont capture the event when you past into it Cheers leigh ** 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] A quick breakdown of some code today
firefox party=this fridayAlright Russ/firefox, does that mean I
can't ask anymore CSS questions :P
On Wed, 08 Dec 2004 13:38:28 +1100, Chris Blown
[EMAIL PROTECTED] wrote:
russ - maxdesign wrote:
a[href^=http:] { background: green; }
How about this one?
input[value=blue] { background: blue; }
Apply this to a form input and try typing in blue, is the CSS applied
in real time? Not so in Firefox..
Even though the DOM knows that the value has been updated the CSS is not
applied. [1]
I wonder if switching stylesheets would force an update?
Regards
Chris Blown
[1] http://www.hinterlands.com.au/testing/attribute_selectors.html
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list getting help
**
--
Regards,
Amit Karmakar
http://karmakars.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] Standard for text email newsletters
Hi has anyone come across, or used, the following text email newsletter standard: http://www.headstar.com/ten/ If so, or even if you haven't but are able to look through, how useful do you think it is? And do you think it has potential in terms of encouraging organisations to adopt it as a standard for text emails? Regards Mike Brown SIGNIFY LTD :: the logic behind ph: +64 4 803-3211 | fax: +64 4 803-3241 mob: +64 0274 885-992 | http://www.signify.co.nz P.O. Box 24-068, Manners St, Wellington Level 1, 250a Wakefield St, Wellington This communication, including any attachment, is confidential. If you are not the intended recipient, you should delete/destroy this communication; you may not read and must not copy, send on or retain any part of this communication. Please do not disclose to any third party anything about this communication. ** 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] Firefox screen-reader emulator
On Wed, 08 Dec 2004 01:21:14 +, Patrick H. Lauke [EMAIL PROTECTED] wrote: Kay Smoljak wrote: There's a number of different screenreaders available for testing. Some are free, others have trial periods. I recently installed the demo version of JAWS under Virtual PC - it will run for 40 minutes, which gives you plenty of time to test a few sites. I'll have my usual rant here, nothing personal: the demo versions of screenreaders (and any other software) are made available by the developers so that you can evaluate the product and decide whether you're going to purchase the full version or not. If you keep using the demo version for proper testing, you're breaking the terms of the demo license. I absolutely agree Patrick. I was merely responding to the previous poster's statement that he'd never even seen a real screen reader. If you're going to test regularly, you should definitely purchase one - I'm still trying to decide which is the most widely used. I believe the demo licence for JAWS has a provision for testing sites... -- Kay Smoljak http://kay.smoljak.com/ ** The discussion list for http://webstandardsgroup.org/ See http://webstandardsgroup.org/mail/guidelines.cfm for some hints on posting to the list getting help **
Re: [WSG] float and table width combination problem in IE
Cade Whitbourn wrote:
Can anyone help me identify what's going wrong with the following layout in
IE6/Windows. I've been struggling with it all morning, and I suspect there
may be a simple fix that I've just overlooked.
The page: http://home.swiftdsl.com.au/~cadewhitbourn/test/demo.htm
The problem: In IE, when the browser viewport is decreased to less than the
width of the table, the table drops down to below the bottom of the list,
but the heading stays in place.
I want the table to stay in place and just have horizontal scroll bars.
Alright, but this is going to be one long and awful hack...
Put it at the very bottom of your stylesheet, and see IE6 behave like
Firefox-- until something else break the layout.
@media all {
* html #globalnav {margin-right: -157px;}
* html div#content {height: 0;}
* html div#content table {float: left; margin-right: -800px; position:
relative; }
}
Tested in IE6 on win2K-pro, on your example-page.
CSS is fun... and IE6 is even more fun.
Georg
**
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] Unsubscribe me
To Web Standerd Group Respected Sir / Madam Please Unsubscribe me thank you koustubh Do you Yahoo!? Meet the all-new My Yahoo! Try it today!
