I thought I'd post back to let you know what I came up with.
It turned out that I was able to use Thierry's solution
(http://www.tjkdesign.com/articles/tip.asp).
Result can be seen here http://geekministry.com/yeah/index.php
If I'm using a BR before the text it is because of IE that shows tiny icons
when images are turned off.
Have a great weekend
Kim
John Faulds skrev:
I wrote an article about styling a horizontal nav with the IR
technique I mentioned previously:
http://www.tyssendesign.com.au/articles/css/single-image-replacement-rollovers-with-suckerfish-dropdowns/
It also includes a bit on how to combine it with Suckerfish Dropdowns,
but the first part should relate to what you want.
On Wed, 27 Sep 2006 08:15:36 +1000, Kim Kruse <[EMAIL PROTECTED]> wrote:
Hi,
Maybe I should extend my question a bit. Here on this page
http://geekministry.com/yeah/index.php I'm currently using Dan
Cederholm/Pixi's solution
http://www.simplebits.com/notebook/2003/09/30/accessible_imagetab_rollovers.html
which works very well with images on. The obvious problem is with
images off.
Is using a list the best way for a navigation? The reason I ask I
because is because I want to follow best practice (at my level out in
the fine art of doing web sites) and I think that using a list and
css images (separating structure from presentation et al) must be
better than using "real" nav buttons or shims/spacer gifs with alt
texts... right?
The thing I can't get my head around is how to have different size
nav items without creating 4 css rules for each nav item. (similar to
example 4 in this article http://tjkdesign.com/articles/tip.asp) but
that would also require me to use a div for each nav item... right?
I've probably been thinking so much over this problem that I might be
overlooking a real simple solution.
Thank you
Kim
John Faulds skrev:
<snip>
It should be pointed out that this method has problems when you
resize the text (unless you've since found a way to fix that Mike).
My recommendation would be:
http://www.ryznardesign.com/web_coding/image_replacement/index.html
--Tyssen Design
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]
*******************************************************************
*******************************************************************
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]
*******************************************************************
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************