francky wrote:

>[...]
>See testpage 
><http://home.tiscali.nl/developerscorner/css-discuss/test-rolland-new.html>.
>  
>
Rollandburn wrote offlist:
> Again you have saved my neck, and this time with a bit of humor!
> hehe...thats a lot francky, i really appreciate all of the help 
> you have given me!

And francky writes:

Not yet saved, not yet ready ... ;-)
After posting my testpage, all of a sudden I saw the positioning of the 
nav bar is o.k. now, but IE is not showing the changing tabs 
(backgrounds) @hover!
Then all IE-visitors cannot see the beauty of the blue's! - And (pity) 
still yet more as 50% of the surfers have IE as (substitute for) browser...

The reason is the li:hover method for changing background positions you 
(& I) used; IE doesn't support that.

As I suggested in the "CSS-hoverable tabs with 1 image and clientside 
scalable fontsize" testpage 
<http://home.tiscali.nl/developerscorner/css-discuss/test-slidingDoorsTabs-hoverimage.html>
 
that I 've send you offlist some days ago, the hovering tabs can be seen 
in IE with the <span> method inside the <a> of the list-items (getting 
the part of the liquid background-image which is called by the li:hover 
otherwise).
Though it is making a bit of tag soup in the html, the result is a 
workaround for IE.

With some adapting of the images you used, I experimented to 
"spannarize" the test-rolland-new.html page. :-)
The result is reasonable crossbrowser (IE-mac I didn't test), and anyway 
there are IE-win proof css-hover tabs now; see this new new testpage 
<http://home.tiscali.nl/developerscorner/css-discuss/test-IE-proof-liquid-tabs.html>!
 
[1] [2]

Greetings,
francky

[1] This time I used Stu Nicolls' Fitted Doors technique (with some 
finishing touches here and there) for the positioning of the elements; 
see testpage for the link
[2] Probably the same result without the span soup can be accomplished 
by the use of the Suckerfish hover-script (no time to figure out now), 
but then the page is javascript dependent - and I like more a pure css 
solution.


______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

Reply via email to