On 5/21/06, Christine Ce <[EMAIL PROTECTED]> wrote:

I have this page that needs to look exactly like that:
http://www.wuongean.com/
I want the span in div#kanji to be displayed when hovering over  the image
kanji_small.jpg, and I am trying to achieve this with a  pure css popup.


On 5/23/06, Christine Ce <[EMAIL PROTECTED]> wrote:

Well I have had a go at this again and got my popup to work in Firefox
<snip>
But it's not working in IE!  So my next question is:  is it possible to make
it work in IE?  If yes, how?


Hello again list!

I thought I'd let you know, in case it's useful to someone,  that I have
managed to make my popup work in both Firefox and IE6 win without a script.,
see here:

http://www.wuongean.com/beta/


It should also work in IE Mac, and I would be really grateful if someone
could check whether that is the case.

It probably does not in IE5 win, but never mind...

The trick to make it work in IE6 is to have either the background color or
the font color change between the a:link and the a:hover state.  For IE Mac
I used a hack.

Here is the html:

<div id="kanji">
<a href="#nogo"><img src="images/kanji_small.gif" alt="Kanji"
width="40" height="50" title="contact details" />
      <span>
      <p>wuon gean ho
      <br />artist-printmaker
      <br />18 sandford avenue
      <br />london n22 5eh
      <br />tel +44 7711 391 544
      <br />[EMAIL PROTECTED]</p>

      </span> </a>
    </div>
______________________________________________________________________
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