Sent by Steve Clay on 4 January 2005 13:01
Tuesday, January 4, 2005, 1:38:29 AM, Dave wrote:
D> http://www.theloop.jp/test.html
D> So now I am left with the switching of the text from English to
D> Japanese on moving the mouse over.
You're close, but, as Big John just mentioned in another thread, you'll
probably want some kind of separating text that ensures the document makes
sense without CSS, but which can be hidden with CSS. What makes your case
icky is that you'd have to hide/show three phrases independently so you need
a lot of wrapper elements. Since I can't type Japanese I'll do Spanish:
Purist version (spans only):
<a href="/"><span>Home</span><span class="s"> / </span><span class="j">Inicial</span></a>
a .s, a .j, a:hover span {display:none}
a:hover span.j {display:inline;}
Relaxed version (using a few harmless presentational elements):
<a href="/"><b>Home</b><i> / </i><span>Inicial</span></a>
a i, a span, a:hover b {display:none}
a:hover span {display:inline;}
Steve
--
http://mrclay.org/ * http://frenchhorns.mrclay.org/
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/