Too right.
I can't find the exact resource, but a combination of absolutely and
relatively positions images within the link elements should create
this kind of effect.
Something like this (untested):
<html>
<head>
<style type="text/css">
body { padding: 20px; background-color: #ccc; }
#alpha { position: relative; background-color: #fff; }
#alpha ul { padding-top: 50px; }
#alpha a span { display: none; position: absolute; top: 0; left: 0; }
#alpha a:hover span { display: block; }
</style>
</head>
<body>
<div id="alpha">
<ul>
<li><a href="#">One <span>One</span></a></li>
<li><a href="#">Two <span>Two</span></a></li>
<li><a href="#">Three <span>Three</span></a></li>
<li><a href="#">Four <span>Four</span></a></li>
</ul>
</div>
</body>
</html>
Give that a red hot go!
On 9/4/06, Kevin Futter <[EMAIL PROTECTED]> wrote:
No, that's not the area the poster is talking about, but rather, the small
links toward the bottom of the page (the bit you're talking about is actually
Flash). There's a small image atop the list of links, and it changes as you
roll over each link. This could be done is JS, but I seem to remember someone
(Eric Meyer?) detailing how to do it with pure CSS.
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
