Hi Mike,
Sorry, I've had a closer look now and see how you've done it. My only
problem with that method would be that you've needed to apply overflow:
hidden to a block level element above the block level element that holds
the anchor and span. This is probably OK for something like a header where
you'd probably have a h1 contained within a #header anyway, but if you
want to image replace a navigation list, you'd have to add additional
elements (as well as the span) to each list item to hide the overflow.
On Wed, 27 Sep 2006 09:25:10 +1000, Mike at Green-Beast.com
<[EMAIL PROTECTED]> wrote:
John Faulds wrote:
Maybe I'm missing something but you've got
an image in your HTML. That's not really an
image replacement method in that case.
But it is, though. The embedded image is there for another reason and
it's
not the same image: It's my pre-loading [1] technique, John; it's the
hover/focus image. Granted, you might be thinking if I'm going to do
that I
could very well just place the embedded image and apply alt text in the
alt
attribute, and that would make sense, but then I'd lose the hover/focus
effect on the inside pages (unless I applied the effect using
onmouseover/onfocus with JavaScript). [Plus every thing above the #header
div is in a single include file.] I preload it that way; it's offset
outside
the viewport. If you compare the two images you note the subtle style
differences. I do it as a courtesy and performace enhancement to those
with
slower connections. It's not needed on the "home" page, but it gets it in
the cache ahead of time for the inside pages. I am trying to avoid that
flicker so often associated with IR methods. And it doesn't affect
resizing
of the content. It'll create a horizonatal scroll bar if styles are off,
but
no scrolling is needed so I can live with that. I hope that makes sense.
[1] http://green-beast.com/blog/?p=118
Respectfully,
Mike Cherim
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
--
Tyssen Design
Web & print design services
www.tyssendesign.com.au
Ph: (07) 3300 3303
Mb: 0405 678 590
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
