is to have the javascript change the class,
instead of changing a style attribute. This also helps because you
just style the two states of the div however you please, and the
javascript never needs to change.
--
Ben Curtis : webwright
bivia : a personal web studio
http
RE: my htc to remove uneeded alt text after an image loads.
On Dec 15, 2005, at 12:44 PM, Derek Featherstone wrote:
On 12/15/05, Ben Curtis wrote:
The alt text is removed from the element if the image is loaded.
...
You attach it to the img selector in your css, or a more specific
want all images to be affected.
I would assume that the blind have their browsers set to not load
images. I may be dreadfully wrong in that assumption, but if the
images don't load then this code has no effect and the alt text remains.
--
Ben Curtis : webwright
bivia : a personal web
override this behavior, so I wrote an htc called Alt Destroyer that
will remove the alt text in IE for images that are successfully
loaded. Not stress tested, but so far works like a charm to prevent
ugly alt popups in IE.
--
Ben Curtis : webwright
bivia : a personal web studio
bgcolor or
wmode need to be set as attributes within the object tag. Such
proprietary attributes, of course, invalidate the tag.
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
, has nothing
directly to do with sugar, but how we humans react to sugar.
Valid is a term that does not directly apply to the in-memory data
structure; it is, nevertheless, a helpful and analogous concept to
keep in mind. And it helps keep your code sweet.
--
Ben Curtis : webwright
must only do this if JS is running, otherwise you
might wind up with a site with no images. (The hack is testing right
now -- NRFPT.)
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
element a random name (its id
could be consistent, for your javascript), then the browser won't
ever match anything in its memory and so won't try to autocomplete.
Then you just make your server app figure out what name to look for,
perhaps with a hidden form field value.
--
Ben Curtis
shopping for a new developer.
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail
you invoke
would only be as tall as the tallest non-absolutely-positioned
element it contains. Then your footer would be positioned at the
bottom of that, with the absolutely positioned elements flowing over
(or under) it.
--
Ben Curtis : webwright
bivia : a personal web studio
main sheet clean.
It's a good thing because it's valid, and the browser is dead so it
won't change its interpretation of it, and it's a parsing bug that is
unlikely to crop up in other, newer browsers.
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
is
interested, I suppose it still has a place in project where scripting
is a requirement. Let me know if you use it.
http://www.bivia.com/sandbox/css_cc_4ie/conditional_comment_test.html
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507
to code first
for standards, and send IE a corrective stylesheet, and b) you need
to markup the content to support it.
The only unavoidable downside I see is that it encourages bad browser
sniffing behavior. I think the multitude of hacks out there encourage
worse behavior.
--
Ben
{ font-size:0.875em; }
div.content h2 { font-size:2em; }
...you will need to use this:
body { font-size:1.75em; }
div.content h2 { font-size:1em; }
div.content p { font-size:0.5em; }
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting
, although I think the statement is wrong, I don't know
enough of the right stuff to argue. Anyone? Anyone? Beuller?
More, from The Great Google: http://tinyurl.com/cr44n
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
in the css.
One way to tell if an image is content is to ask yourself these two
questions:
- With images off, would the user miss it? (yes = it's content)
- Will this change if we redesign? (yes = presentation)
--
Ben Curtis : webwright
bivia : a personal web studio
http
on billboards and ads
everywhere. That's faster adoption than the DVD had at about the same
time.
Making browsers forgiving is part of the core ideology of the Web. I
wouldn't discard it so casually.
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
is ordered (days)
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
.
I'm also unlikely to give up my habit of trying to slim things down
to the final ounce possible. It's too fun. :)
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
it is a Good Thing(tm).
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail
...
http://www.w3.org/TR/html401/interact/forms.html#submit-button
...successful form elements have their values submitted paired to
their names...
http://www.w3.org/TR/html401/interact/forms.html#successful-
controls
--
Ben Curtis : webwright
bivia : a personal web studio
http
@webstandardsgroup.org
Subject: Re: [WSG] Microformats
Hi,
Where is this summary, Microformated?
...
On Aug 31, 2005, at 2:44 PM, Ben Curtis wrote:
Ted Drake just wrote up a summary of the previous opening a new
window conversation, so I'd like to grab a sample from what he was
doing -- after all
by you, because you all agreed on
the format.
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
**
The discussion list for http://webstandardsgroup.org/
See http
can't have their opacity changed separately from the
foreground (until CSS3, but that's only with colors in rgba format, I
think).
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
or js equivalent
with unnamed window, e.g., window.open(this.href,'',winOptions);)
Anything else, and the behavior depends on the context the link is
in, possibly meaning that your icons or title text are giving wrong
information.
--
Ben Curtis : webwright
bivia : a personal web
On Aug 25, 2005, at 12:33 PM, Thierry Koblentz wrote:
Ben Curtis wrote:
1- link replaces current document (no target or js new window)
2- link always opens new window (target=_blank or js equivalent
with unnamed window, e.g., window.open(this.href,'',winOptions);)
I agree, the opener
+ );
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting
, and CSS allows for :hover. But the key here is that
behavior should be scripted; even if you could do it in CSS, that's
not the proper place for it and will cause many headaches down the
line -- the same headaches caused by people putting presentational
markup in their HTML.
--
Ben Curtis
the Sunday is related to, and so
tabular data it has become.
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
**
The discussion list for http://webstandardsgroup.org/
See http
... ;)
A brilliant idea. Always up for a cool pint. Lemme finish breakfast
first. :)
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
**
The discussion list for http
On Aug 17, 2005, at 4:39 AM, Julie Romanowski wrote:
On Aug 16, 2005, at 9:07 PM, Ben Curtis wrote:
That's a very curious thing for the W3C to publish. I am not
aware of any HTML standard in which b and i are deprecated. Can
anyone cite such a declaration?
...
Please look at the date
to
enclose all of the floating children. Since the width is 100%, it has
no other effect.)
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
**
The discussion list for http
DTDs less strict (as in rigidly
applied), they just include more options. What you are proposing is
that the Strict DTD should not include b and i; it's a valid
argument, but it does not reflect the approved Recommendation of the
W3C.
--
Ben Curtis : webwright
bivia : a personal
.
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting
Then style the class as you see fit.
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail
, or if they are indeed deprecated but not listed
as such in the common specs... well, it's no wonder such rumors persist!
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
**
The discussion list
you even see how it does without the hack.
Your best (only?) bet is the conditional comment option.
Remember: Only hack the dead.
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
property
changes
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail
such that *everything* is a node, and HTML would be a special
case that ignores whitespace.
Enough special cases, and the standard ain't so standard. So I think
we need to keep coding with tests for Nodetype.
1. http://www.w3.org/TR/DOM-Level-2-Core/core.html
--
Ben Curtis
On Aug 2, 2005, at 1:45 AM, Andrew Krespanis wrote:
On 8/2/05, Ben Curtis [EMAIL PROTECTED] wrote:
Good catch. Now we're talking a good excuse for regular expressions.
Instead of my recommendation of:
a[i].getAttribute('href').toUpperCase().indexOf(HTTP://) == 0
...I now recommend
expressions.
Instead of my recommendation of:
a[i].getAttribute('href').toUpperCase().indexOf(HTTP://) == 0
...I now recommend:
/^https?:\/\//i.test(a[i].getAttribute('href'))
(tested only in Firefox, Safari; pretty sure it's good but I'm not
familiar with IE regexp quirks)
--
Ben
on
external sites to open in new windows, then you're golden. Your rel
is meaningful and your behavior is attached to the meaning of the
markup.
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
the code to measure the browser window size: average was now about
800x700, with the big-screen people using a narrow window. Just the
same as everyone else.
Nothing beats your own stats. But don't use stats as an excuse to
exclude people.
--
Ben Curtis : webwright
bivia : a personal
scripts out there for this basic
idea.
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org
on each other's toes. I see the three languages just starting to
learn the steps of a very cool dance.
Feel free to contact me off-list, if you wish to chat more.
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
IDs can be radically shifted.
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail
are you using that your Bad Browsers can't handle?
- does the site owner agree that this is worth doubling the
development costs?
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
accessed via the DOM), and so using
compound words can result in particularly difficult bugs to find
(e.g., what that backGroundDIV or BackGroundDiv or backgroundDiv
or...?). Best to avoid compound words, I think (e.g., replace with
bgContent).
--
Ben Curtis : webwright
bivia
, do not put underscores
in your IDs or class names.
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
**
The discussion list for http://webstandardsgroup.org/
See http
that port my
code are going to know XSLT -- so I'm writing XHTML today for them,
not for me. Also, I expect the odd errors that creep into XHTML are
easier to clean than the odd errors and coding variances that crop up
in HTML.
--
Ben Curtis : webwright
bivia : a personal web studio
to your circumstance.
I'm not sure about IE, but Safari does this to indicate which fields
were filled in by the auto-fill and which the user had modified.
Without this distinction, the users may submit more incomplete or
inaccurate forms.
--
Ben Curtis : webwright
bivia
recognize this, but does give you access to the
.currentStyle object -- gives you teh same thing but you need to
camel-case the property string:
el.currentStyle.backgroundColor
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818
declarations?
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail
into this
further.
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
.
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
is for the list.
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail
with interest the idea of longdesc
footnotes, and may try to standardize on this.
http://www.stuffandnonsense.co.uk/archives/accessibility_footnotes.html
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
is not blanked out via the submission
process. There likely will develop a better way to handle it though,
since the Javascript needed to handle the form is so much easier than
the stuff for such an application.
--
Ben Curtis : webwright
bivia : a personal web studio
http
a decision.
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail
and becomes an accessibility guru and makes a mint. Or keeps
mum, tells everyone he's doing it by hand, charges by the hour (38 of
them yesterday alone), and makes a mint.
The world rejoices. Qantas stock plummets as we all stay home in
pyjamas instead.
--
Ben Curtis : webwright
-compatible
we can extend the life of the document indefinitely.
And that's all I have to say about that.
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
where we stand.
Any pointers?
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
**
The discussion list for http://webstandardsgroup.org/
See http
On May 25, 2005, at 8:32 PM, Andrew Krespanis wrote:
On 5/24/05, Ben Curtis [EMAIL PROTECTED] wrote:
dl class=postalAddress
dtCanada/dt
dd class=companyIn The Game, Inc./dd
dd class=divisionCustomer Service/dd
dd class=street1135 West Beaver Creek Road Box
styles off with a keystroke, IMO. The Tools menu
also trains them to validate, validate, validate.
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
] {
/* rules */
}
This shows some of the folly of using hacks for browsers currently
under development.
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
not positioned statically (i.e., absolute,
relative, or fixed), but some browsers mess up the fixed thing, and
Opera seems to get confused when things get floated.
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
, and possibly for the common user
settings?
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
**
The discussion list for http://webstandardsgroup.org/
See http
content -- in fact, the Flash pulls its content from the HTML). I
figured this was fairly foolproof, but I'm not 100% certain.
Any comments on the general theory? (The particular implementation,
actually, leaves something to be desired...)
--
Ben Curtis : webwright
bivia
back through the CSS and remove those
!important declarations that you don't need.
That said, you might have better luck using the IE runtimeStyle
object instead for that browser.
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818
of a stanza,
then you self-close the quote; the next quote will be an open-quote at
the beginning of the next stanza, anyway.
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
agree) I've found best articulated here:
http://mpt.kiwiwebhost.net/archive/2004/05/02/b-and-i
http://mpt.kiwiwebhost.net/archive/2004/05/09/semantic
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
this text:
Hello, Bob.
...and not this:
Hello,
Bob.
Thus, your doctype is on the same line as your prologue, and your
prologue it on the second line when it must be on the first. Hope that
helps.
--
Ben Curtis : webwright
bivia : a personal web studio
http
instead of DOCUMENT_NODE or 9?
Give us your demo page URL. Likely, you are alerting these values
before they exist. The DOM attributes don't exist for nodes that have
not been parsed yet. Are you triggering this onload, or in the head of
your document?
--
Ben Curtis : webwright
such thing. The rel attribute describes the
relationship of the destination document to the origin document. Class
is a style, and not a relationship. But honestly, 6 of one, half dozen
of the other.
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
: transparent url(vert-line.gif) 0 0
repeat-y; }
div.active { background: transparent url(arrow-thing.gif) 0 0
no-repeat; }
div.active div { background:none; }
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
.
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some
.
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some
On Mar 2, 2005, at 11:05 AM, Ben Curtis wrote:
Safari/Konquerer supports -khtml-opacity:#.#; in the same way.
Behold the march of progress!
It appears that Safari now supports the standard opacity:#.#; call,
even though it is not listed here:
http://developer.apple.com/internet/safari
/
Such a selector would beat the pants off MS conditional comments.
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
**
The discussion list for http://webstandardsgroup.org/
See
later
opting to position:absolute;, since it would be absolute in relation
to the immediate parentNode.
--
Ben Curtis
WebSciences International
http://www.websciences.org/
v: (310) 478-6648
f: (310) 235-2067
page.
It will be problematic, however, when you combine templates, CMSs, and
webservices-sourced XML all in one document. This is where we are
rescued by namespaces and the increasingly common habit of giving IDs
unique prefixes based on the author.
--
Ben Curtis : webwright
in the right direction.
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail
/
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com
v: (818) 507-6613
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints
h2a name= id=/aSome heading/h2
Or drop the anchor tag altogether. What is the browser compatibility of
this:
a href=#someIdOnThePageGo to Some ID/a
...
h2 id=someIdOnThePageSome ID/h2
My initial tests show great support. Anyone know better?
--
Ben Curtis
] {
padding: 10px;
background: url(newwindow.png) no-repeat 0 0;
}
--
Ben Curtis
WebSciences International
http://www.websciences.org/
v: (310) 478-6648
f: (310) 235-2067
**
The discussion
, and could write this up to help others, but
before I spend all that time I was wondering if this is a known issue
that I just couldn't find the right search terms for?
--
Ben Curtis
WebSciences International
http://www.websciences.org/
v: (310) 478-6648
f
fingers do not.
--
Ben Curtis
WebSciences International
http://www.websciences.org/
v: (310) 478-6648
f: (310) 235-2067
**
The discussion list for http://webstandardsgroup.org/
See http
, sans-serif; }
* { font-size:1em; }
input, select, textarea { font-size:1.18em; }
/* /font */
/* - /STANDARDIZE DEFAULTS - */
Then in my Win IE hacksheet:
body { font-size: 67%; }
--
Ben Curtis
WebSciences International
http
it up as a table is useful.
--
Ben Curtis
WebSciences International
http://www.websciences.org/
v: (310) 478-6648
f: (310) 235-2067
**
The discussion list for http://webstandardsgroup.org/
See http
from under some deadlines, I'll write
this technique up and give it to the community.
--
Ben Curtis
WebSciences International
http://www.websciences.org/
v: (310) 478-6648
f: (310) 235-2067
**
The discussion
use it to add the
onclick handlers.
--
Ben Curtis
WebSciences International
http://www.websciences.org/
v: (310) 478-6648
f: (310) 235-2067
**
The discussion list for http://webstandardsgroup.org/
See
;
margin:1.25em !important;
padding:0.25em !important;
}
div[class]:before {
content: class= attr(class);
color:#900;
font-weight:bold;
}
div[id]:after {
content: id= attr(id);
color:#090;
font-weight:bold;
}
--
Ben Curtis
the common practices used to fix
rendering in their previous browsers, and work with those practices.
--
Ben Curtis
WebSciences International
http://www.websciences.org/
v: (310) 478-6648
f: (310) 235-2067
, or will
recognize the hacks for IE6.
And maybe they never thought of that and they answer yes, in which
case the question just saved you a bunch of work, no?
--
Ben Curtis
WebSciences International
http://www.websciences.org/
v: (310) 478-6648
f: (310) 235-2067
to send
.html file to ColdFusion than to change all the extensions and links.
--
Ben Curtis
WebSciences International
http://www.websciences.org/
v: (310) 478-6648
f: (310) 235-2067
**
The discussion list
considering ordered lists nested within an ordered list? Is
there a relationship between items at the same depth but of different
lists? Consider instead using a table and represent this meaning as
rows and columns.
--
Ben Curtis
WebSciences International
http://www.websciences.org
--
Ben Curtis
WebSciences International
http://www.websciences.org/
v: (310) 478-6648
f: (310) 235-2067
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
can't get the footer hr to display the same in Win IE as other
browsers
Thanks for any tips.
--
Ben Curtis : webwright
bivia : a personal web studio
http://www.bivia.com/
v : 818 507 6613
**
The discussion list for http
. I haven't come up
with a cross-browser technique that combines the compatibility of the
first with the second technique's ability to download just the image
you need.
--
Ben Curtis
WebSciences International
http://www.websciences.org/
v: (310) 478-6648
f
1 - 100 of 109 matches
Mail list logo