This is what we used on yahoo tech. it's not the most semantic, but it gave
us the flexibility we needed and is easy to use
Camcorders
Car Tech
Cell Phones
Desktops
Digital
Cameras
...
-Original Message-
From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED]
On Behalf Of Frances
I don't get the paranoia.
IE7 is much more secure than IE6. If you don't like IE7, you can simply
uninstall it and ie6 is restored after a reboot.
As a web dev, you need to install IE7 and test your sites. Ignoring it isn't
going to help your web development.
Ted
-Original Message-
From
to generate the header-based navigation.
I looked at the w3c site to see if the legends can include block level
elements and couldnt find the answer.
Is this valid?:
blah blah blah
Thanks
Ted Drake
Yahoo! Tech - Tech Made Easy
Yahoo! Finance
http://last-child.com
Member of the Yahoo
I would still advise that you use the *property/_property hack instead of *
html.
I don't have anything to point to other than some discussions with the IE7
folks and it's what they recommend. Well, they're not going to recommend
any hacking. But they downplay * html. I'd prefer to go with some
Technically, I can see you using the * html inside an IE only style sheet.
However, it is a bad idea to use it in general. There are a lot of sites
breaking because people depended on *html, many I've built included.
When I see someone suggest using it, my gut reaction is to say, no. Don't
use *h
No no no no no
Don't use * html! That won't work.
If you need to separate the browsers, use *border and _border on the
individual styles.
Ted
-Original Message-
From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED]
On Behalf Of Jan Brasna
Sent: Thursday, September 21, 2006 9:
IE6 and z-index issues are enough to make
Fabio go bald.
IE6 looks not only at the z-index of bob
and sue but the z-index of their parents. Does that make sense?
If you want bob to sit on top of sue, Bob’s
parent container needs to have a higher z-index than sue’s parents.
It be
I've had significant, if not too much experience with IE7 and transparent
png behaviors.
http://last-child.com/index.php?s=ie7+transparent+png
Here's what I would suggest.
IE6 is going to become a minor player for the majority of web sites within a
year. Microsoft has an aggressive schedule p
his will work or not, there's still some work to do.
Ted
-Original Message-
From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED]
On Behalf Of Rahul Gonsalves
Sent: Thursday, September 14, 2006 7:10 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] quick question
Ted Drake
to 000, adding underlines,
what else should go into an uber color reset style sheet?
Thanks
Ted Drake
Yahoo! Tech - Tech Made Easy
Member of the Yahoo! Accessibility Stakeholders Group
October 3 Product Forum Discussion -
Don't miss Mike Shebanek discuss Apple's VoiceOver scr
rule. Its
just a good practice to define your positioning specifically.
Ted Drake
www.last-child.com
On Behalf Of Carlos Carreo
background-position: bottom;
Matthew Pennell a écrit :
>
>>On 9/
Try vertical-align:bottom
As in p img {vertical-align:bottom}
Ted
-Original Message-
Hi everybody,
I have a block with an smaller image inside.
I'd liked to align the image at the *bottom* of the block...
How can I do it with CSS?
Thanks for your help!
Antonio
***
Hi Micky
You need to show good faith effort to make your site accessible. Target was
warned 6 months prior to the initial filing that they had significant
problems and suggestions were given to fix them. The Target site did not
make it difficult to use, it made it impossible for a blind person to
I've converted more than my share of legacy sites to standards-based
designs. The a:link is especially helpful in the transition period. It
allows you to define a look to links but not apply those styles to the
multitude of elements scattered around the site.
Remember LoVeHA. Link, visited, hover
This reminds me of an email a couple years
ago, I think it was to this list. Someone sent a message to her friend about
workplace gossip, friends, and oh my god, can you believe Sharon is pregnant
Just when you get to the point of pulling
your hear out over z-index issues in IE6 a l
Eric Meyer came up with one of the easiest
ways to do this in an accessible manner.
Use a question like this: What color is an
orange?
Now that may require someone knowing what
an orange is, but you could do something like this.
To make sure you aren’t a computer,
I’m going to a
When using microformats, you may decide to add a class that uses one of the
elements, i.e. div class="vcard"
It also makes it much easier to figure out what is happening in a team
environment when divs have recognizable names. Some of the names I've used
today include: sortresults, shoppingtopprod
I’ve found ol {margin-left:25px}
usually gets you in the ball park.
FYI, the Yahoo User Interface library has
a set of CSS files that you can use for global reset and to establish a
baseline font size setting. They’ve been tested to make sure they
accommodate the Grade A browsers to sav
This works in IE6 and not safari!?!
I would confirm the z-index of your
dropdown parent container and flash parent container. If you haven’t set
this, apply position:relative z-index:1 to the flash container and
position:relative; z-index:5 to the dropdown container to see if that helps.
How many people on this thread are actually using IE7?
IE7 is a program and if you uninstall it, ie6 will come back. You can't run
both simultaneously. If you run the standalone versions you are going to
have problems. It's not a clean solution. Microsoft has recently made their
virtual PC softwa
This is an ugly fix, but can lead you toward to solution.
Try placing the entire list in one line, removing the whitespace between the
list items.
At least try this for the first few list items. This is a common problem in
IE6 with horizontal list elements. You can fix it by adding display:inline
will post another
this week on other microformat elements that we're adding this week. I'll
also post something soon about how you can add the OpenSearch protocol to
your pages to work with IE7 and A9 based search engines.
Ted Drake
Yahoo! Tech
Ian Pouncey wrote:
> According to
-open-pdf-files-in-a-new-window/
Ted Drake
Yahoo! Tech - Tech Made Easy
Member of the Yahoo! Accessibility Stakeholders Group
Did you know: Fully justified text alignment is an accessibility problem for
dyslexia. The random width word spacing makes it difficult to read.
-Original Me
ently using the libraries, you should update your links to use the
latest versions. They crew is constantly working to make it leaner, faster,
and better.
Ted Drake
Yahoo! Tech - Tech Made Easy
Member of the Yahoo! Accessibility Stakeholders Group
Did you know: Fully justified text alignment
How many times have I bit my tongue as Felix has blurted out his irrational
ideas. Sorry to be negative, but this is just wrong.
Semantic value has nothing to do with your spreadsheets.
A list of letters in the alphabet is a list. It's not a table unless you are
trying to make a relationship bet
hin
the LI.
- Adam
-Original Message-
From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED]
On Behalf Of Ted Drake
Sent: Tuesday, 11 July 2006 11:14 a.m.
To: wsg@webstandardsgroup.org
Subject: [WSG] list items floating around a floated element
HI All
I'm drawing a blank on
I'm also tempted to
go with a dl as well. But that is not the point of this email. I'm curious
about any list item that needs to flow around a previously floated image.
Thanks
Ted Drake
Front-end Engineer
Yahoo! Tech
**
The d
This is a bit of a tangent, but……
I put together a test page for using the hreflang attribute selector to display the language a targeted web site is written in and the flag for the country next to the link. Does that make sense? Essentially, you would put something like this in the co
Hi Joe
I have cured things like this in IE7 by checking hasLayout and clearing
issues. I haven't had the chance to look at your particular code.
Ted
-Original Message-
From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED]
On Behalf Of Joe
Sent: Monday, June 26, 2006 1:59 PM
To:
It is feature complete, but they have fixed many bugs that were recognized
after the beta2 launch. So, it will be better than beta 2.
It does mean that generated content and stuff like that will not be in the
final release.
Ted
www.last-child.com
-Original Message-
From: listdad@webstan
I see your issue.
Without doing the trouble shooting for you, I'd suggest invoking hasLayout
on the header. The easiest way to do this that will not mess up other
browsers is to add zoom:1 to the header and its contents one at a time until
you figure out which is the offending element.
If that does
Hi Joe
I have cured things like this in IE7 by checking hasLayout and clearing
issues. I haven't had the chance to look at your particular code.
Ted
-Original Message-
From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED]
On Behalf Of Joe
Sent: Monday, June 26, 2006 1:59 PM
To:
It is feature complete, but they have fixed many bugs that were recognized
after the beta2 launch. So, it will be better than beta 2.
It does mean that generated content and stuff like that will not be in the
final release.
Ted
www.last-child.com
-Original Message-
From: listdad@webstan
I see your issue.
Without doing the trouble shooting for you, I'd suggest invoking hasLayout
on the header. The easiest way to do this that will not mess up other
browsers is to add zoom:1 to the header and its contents one at a time until
you figure out which is the offending element.
If that does
for the
better. These conferences may seem pricey, but you get back much more in the
long run.
So, where can I find some decent vegetarian food in London?
Ted Drake
Front-end Engineer
Yahoo! Tech
**
The discussion list for http://webstandardsg
Mobile appliances are notoriously difficult to program for. Cell phone and
PDA manufacturers are still stuck in the Wild West days of browser wars. You
just have to do the best you can and hope the majority of people can view
your stuff.
I'm not on the Yahoo! mobile project, but from what I unders
Depending on your content, it could be as
simple as
Ted
From:
listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED] On Behalf Of Chris Price
Sent: Thursday, June 01, 2006 4:33
PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] table or div
On Thursday,
I've had good luck with li img {vertical-align:middle}
This helps if you have an image that is roughly the same height as the text
in the list item. It's not as good if the text begins to wrap.
-Original Message-
From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED]
On Behalf Of Th
In the United States, a company has to make a good faith effort to provide
accessibility. Target was sued after they were presented with a list of
problems and given 6 months to correct them.
I would guess that the first major WCAG2 based lawsuit would be against a
similar company that has disrega
Hi Marvin,
It's not perfect, but try the Fangs extension to firefox. It will emulate a
screen reader. In other words, it shows you in words what a screen reader
would say.
http://www.standards-schmandards.com/index.php?2004/11/22/8-fangs-release-05
It sounds like the majority of his questions go b
I would go one step further.
Eric's CSS is obviously examined by thousands of eyes. Adding div#links
helps those unfamiliar with the code understand what is being styled. I'm
not saying he adds extra markup for people to learn from his code, but it is
a good practice when you are working in a team
Hi Tom
If you really want offlist responses, please add your email address to your
message. The standard reply will go to wsg and it doesn't make it easy to
discover your personal address. This is why I'm sending this to the list and
not to you directly.
p.s. I use the latest version of firefox.
Dont base your markup decisions on how the final product looks. Base your
markup decisions on what the content is and should be.
So, if the title test is the title of the page, it should be marked up with
a header tag. Placing it in a span, div, p, etc is not giving it the
structural and semantic
Oh are you in for a world of joy. XSLT is just one big bowl of quirky
cherries.
I have found the O'Reilly XSLT book to be a good introduction and reference
book. I've also gone to the XSLT Programmer's Reference from Wrox. But it's
a hefty book and not as easy to find the information.
Here's a h
es that will be published soon on the Yahoo!
User Interface blog in the near future.
Ted Drake
Front-end Engineer
Yahoo! Tech
http://tech.yahoo.com
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org
You can create fairly clean xhtml with dreamweaver quickly. Copy your
friends content into a word document, there may even be an export feature.
Select all of the text in the word document and then remove all of the
styles, in the text style dropdown, choose clear formatting.
Now, go back and re-d
I like to look at the generated source
code in the web developers toolbar and then pasting the code into a new page to
test validation. The generated source code option is great at finding strange
layout issues. Go to view source – view generated source in the web
developer toolbar
Here are a couple experiments by Hedger Wang that you may find interesting.
CSS Framesets (variations of these have been around forever)
http://www.hedgerwow.com/360/dhtml/css-frameset/demo_1.html
Drag and drop toolbars (this is really cool and gives you more of a desktop
application experienc
s are
not having a problem.
I've got a bit more detail on my blog: http://www.last-child.com/
Has anyone else seen this?
Ted Drake
Front-end Engineer
Yahoo! Tech
**
The discussion list for http://webstandardsgroup.org/
lto:[EMAIL PROTECTED]
On Behalf Of Randall Potter
Sent: Tuesday, May 02, 2006 12:11 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Opera and transparent png
Ted Drake wrote:
> Doesn't Opera handle transparent png?
Opera handles transparent pngs. Opera also sometimes identifies itse
How do you deal with them?
Do they ever over-ride your normal style sheets?
Thanks
Ted Drake
Front-end Engineer
Yahoo! Tech
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for
ad. I haven't come across this before. Doesn't Opera handle
transparent png?
Thanks
Ted
Yahoo! Tech
On Tue, 2 May 2006 03:16 am, Ted Drake wrote:
> So, take some time to look at the site: http://tech.yahoo.com . I know
> there are still some validation errors, especially wi
Have you declared a media for your main
style sheet? I’ve noticed conflicts in the past when the print.css will
appear. Applying media=”all” or media=”screen” to the
main style sheet helps enforce it’s media property. If you don’t
specify a media, it is assumed to be all.
Ted
On Tue, 2 May 2006 03:16 am, Ted Drake wrote:
> So, take some time to look at the site: http://tech.yahoo.com . I know
> there are still some validation errors, especially with the content that's
> beyond our control. But there are other goodies inside, especially for
> access
Hi
I wish I could say that we had a strong type strategy. It has shifted a few
times. I removed a legacy font style sheet a month or so ago and favored
setting a default size in the global style sheet. We then use percentages in
various specific styles to bring the sizes towards the visual design.
er market, but just thought I'd give ya a heads up.
Keep up the great work!
On 5/1/06, Ted Drake <[EMAIL PROTECTED]> wrote:
> HI all
> Well, I've been a lurker more than usual for the past few months; sending
> vague questions once in a while. It's finally time t
#x27;ve
joined you but I had this other project to work on.
Thanks
Ted Drake
Front-end Engineer
Yahoo! Tech
http:tech.yahoo.com
(It feels so nice to actually put an address in the signature)
**
The discussion list for http://webstan
There’s a friendlier approach going
around.
Instead of text on an image. Show a
picture of two kittens or something equally recognizable.
Ask the user to type in the number of
kittens.
For sight impaired, you could have an
audio track with the meows.
Or look at Eric Meyer’s gatekee
It's an easy joke, but the mother of all sites needing a redo (yes, I know
it was already the punchline of designer eye for the usability guy):
http://www.useit.com/alertbox/weblogs.html
Look at http:www.fawny.org. Joe just listed a set of web sites that were
nominated for awards that are poorly
Here’s the easiest method out there,
if you have dreamweaver…
Paste your source code into the design
view of Dreamweaver. Then go to the code view and all of the code elements have
been converted to ascii.
Ted
www.last-child.com
From:
listdad@webstandardsgroup.org [mailto:
I'm using a definition list for a set of questions and answers. The added
benefits of css hooks via dd, dt, and then having the ability to put
class="chosenanswer" or something like that on selected elements not only
makes the dl semantic but also very flexible.
Not to mention Thierry's approach t
alternateSubmit() {
theForm = document.getElementById('yourform_id');
theForm.setAttribute('action', '/some/path/somescript.php');
theForm.submit();
}
The button for the alternate submit:
I guess that should work.
Cheers,
Marco
On Apr 4, 2006, at 10:49 PM, Ted
#x27;t find anything on the web for doing this sorth of thing. Does
anyone have an example?
thanks
Ted Drake
Front-end Engineer
Yahoo! Tech
**
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guid
Hi Joseph
When I mentioned "hand built" sites, I was talking about a site that is
completely built by the individual. For instance: www.alcalapetcare.com.
Wordpress is a blog platform. It already outputs good, valid, semantic
coding. The average user just needs to change the style sheets and
add/r
Wouldn't that be fun!
I could always point the blame at Dustin Diaz for pulling the sheets off.
Ted
-Original Message-
From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED]
On Behalf Of Jan Brasna
Sent: Tuesday, April 04, 2006 9:27 AM
To: wsg@webstandardsgroup.org
Subject: Re: [WS
fun, visit
Dustin’s site and leave a comment. And at midnight tonight, disable your
css.
Ted Drake
Front-end
Engineer
Yahoo! Tech
floats inside it.
.slava .troodoo {float:left;}
Those that appreciate Russian culture would understand the
reference.
So, anyone else out there have a gem or two?
Ted Drake
Front-end
Engineer
Yahoo! Tech
I've been struggling with this, check out my blogpost for some helpful
links.
http://www.last-child.com/conflicting-z-index-in-ie6/
The answer is: there is no easy answer.
You need to set a relationship between z-index on parent/child and
subsequent parent/child elements. You may need to insert a
Of course, you dould try
dl#contact dt#email + dd a {border:1px solid black;}
http://www.meyerweb.com/eric/articles/webrev/27a.html
-Original Message-
From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED]
On Behalf Of russ - maxdesign
Sent: Wednesday, March 29, 2006 5:17 PM
The dd is a child of the dl, not the dt.
Simply remove the dt
-Original Message-
From: listdad@webstandardsgroup.org [mailto:[EMAIL PROTECTED]
On Behalf Of CK
Sent: Wednesday, March 29, 2006 4:02 PM
To: wsg@webstandardsgroup.org
Subject: [WSG] getting an "a"
Hi,
Hope I don't have cooties
Hi Thierry
Wouldn't it be better to have the list items display:block or
visibility:visible and then change that with javascript as soon as the page
loads?
I struggled with this concept on my own site and never solved it. If you
went in this direction, would it cause the elements to dance around a
I'm not sure what you were looking at, but it could have been a style-sheet
switcher. This allows you to serve a standard css file and then over-ride it
with an optional style sheet by changing the title of the css.
Ted
-Original Message-
From: listdad@webstandardsgroup.org [mailto:[EMAI
72 matches
Mail list logo
