I'll just address one you raised Jens.
Google does not currently parse external Javascript files. So unless
Fairfax uses simple inline Javascript, and exposes spiderable URLS,
that's probably good enough for most of us to use progressive
enhancement methodology . Ask Lucas. When he gets
Hi list,
I frequently have to work with pixel-perfect design, and I'm always having
trouble with line-height in particular. Please take a look at this example:
http://www.hellobenlau.net/wsg/index.html
I'm wondering if there was a way to top align the text to its line-height.
So say, with text
Hi Ben,
It seems that the short answer to your question is a base line-height of 0.8
(yup, unitless).
My guess would have been the value 1 but I don't know enough about browser
default styles to say why 0.8 seems to work.
I've only checked this using IE8 and Firefox 3.5 using the developer tool
On Thu, 2 Jul 2009, Ben Lau wrote:
I frequently have to work with pixel-perfect design,
There is no such thing.
and I'm always having trouble with line-height in particular. Please
take a look at this example:
http://www.hellobenlau.net/wsg/index.html
Where you state, This text
Hey Ben,
That additional space you see above the letters is set aside for
diacritical marks (umlaut etc).
If you replace the content within the 23 pixel paragraph with the
content below, you should see that all the special character marks
sit above the letters and fill this empty space.
At Yahoo! we build our sites to work without JS and then add progressive
enhancement.
I don't have the stats in front of me, but we find a much larger number of
users without JS.
Take a look at this page:
http://finance.yahoo.com/news
With JS enabled and disabled you'll see all of the
Ben,
On the spacing, the spaces you're fighting with are a combination of
line-height, margin and padding.
Each browser will implement their own defaults, so resetting the
defaults with a reset stylesheet has become a popular technique.
For example, if you apply a line like this to your
In the big picture, many things will use your website that won't use
javascript. Like a search engine spider. Or a crappy cell phone.
At the very least make sure your basic site functions don't rely on
javascript to work. Same thing with images.
The arguments/links below from Ted are valuble
If you are unsure that web accessibility should play a role, take this
test. In a group of people have everyone stand up. Those who are unable
to stand may remain seated. Now pose these three requests, in order:
1) If you are wear glasses, contacts and/or have had corrective eye
surgery,
Web accessibility is being more properly handled by browser creators using
magnification functionality,
which more effectively provides a better, more satisfying user experience
because images, as well as text,
can be magnified. While previous magnification functionality has required
users to
Joseph Taylor wrote re: http://www.hellobenlau.net/wsg/index.html
Ben,
On the spacing, the spaces you're fighting with are a combination of
line-height, margin and padding.
Each browser will implement their own defaults, so resetting the
defaults with a reset stylesheet has become a popular
2009/7/2 Dennis Lapcewich dlapcew...@fs.fed.us:
If you are unsure that web accessibility should play a role, take this test.
In a group of people have everyone stand up. Those who are unable to stand
may remain seated. Now pose these three requests, in order:
1) If you are wear glasses,
Ben Lau wrote:
http://www.hellobenlau.net/wsg/index.html
I'm wondering if there was a way to top align the text to its
line-height. So say, with text size 20px, could the top of the 'T' be
aligned to the top of the pink box?
Is this what you want?
David,
What form elements / what browsers do you mean? I'm curious as I
haven't seen anyone make comments against reset stylesheets as of yet.
Joseph R. B. Taylor
/Designer / Developer/
--
Sites by Joe, LLC
/Clean, Simple and Elegant Web Design/
Phone:
Hi Georg,
Close, but this poses bit of layout issue surrounding the text.
This is what I'm trying to achieve: http://hellobenlau.net/wsg/eg.gif
So there'll be a div with padding top and bottom of 20px, and with text
inside. If I do:
div style=padding:20px 0
psome text/p
/div
The gap would
Joseph Taylor wrote:
David,
What form elements / what browsers do you mean? I'm curious as I
haven't seen
anyone make comments against reset stylesheets as of yet.
To reiterate David's point, I sent the below earlier (but due to server
updates many months ago my *true* email was changed,
To clarify what I do in the real world:
I use a reset stylesheet then reapply my own defaults so my own form
elements appear fine.
You're correct about the !important declaration - that shouldn't be
there for the resets. My mistake.
Joseph R. B. Taylor
/Designer / Developer/
Ben Lau wrote:
This is what I'm trying to achieve: http://hellobenlau.net/wsg/eg.gif
So there'll be a div with padding top and bottom of 20px, and with
text inside. If I do:
div style=padding:20px 0 psome text/p /div
The gap would include both the padding and the anonymous inline boxes
Joseph Taylor wrote:
David,
What form elements / what browsers do you mean? I'm curious as I
haven't seen
anyone make comments against reset stylesheets as of yet.
To address the question (oops, forgot about that one) this is all I
could find in my bookmarks, but it is only in regard to
19 matches
Mail list logo
