Link design help

  • Thread starter Thread starter Guest
  • Start date Start date
G

Guest

hello,

go to www.facebook.com

move your cursor over the links at top right (login, register, help). when
the cursor mover over the word, it high-lights. i want to do exactly the same
thing. how do i do this?

thanks
 
It's done with CSS, using an external style sheet.
Actually multiple style sheets. I counted 4.

The page also uses an external javascript file, but for other purposes
though.


--
Steve Easton
Microsoft MVP FrontPage
95isalive
This site is best viewed............
........................with a computer
 
Hi Steve,

This was done with CSS pure and simple:

The code looks like this:

<ul id="gnav">
<li><a href="http://www.facebook.com/login.php">login</a></li>
<li><a href="http://www.facebook.com/register.php">register</a></li>
<li><a href="http://www.facebook.com/help.php">help</a></li>
</ul>

The CSS is this:

#gnav {
text-align: right;
position: absolute;
line-height: 25px;
list-style: none;
top: 1px;
left: 250px;
width: 500px;
margin: 0px;
padding: 3px 0px; }

#gnav li {
display: inline;
}
#gnav a {
margin: auto 0px; padding: 2px 4px; color: #D8DFEA;
}
#gnav a:hover {
color: white; background-color: #526DA4;
}

I hope this helps solve the mystery

bob
| hello,
|
| go to www.facebook.com
|
| move your cursor over the links at top right (login, register, help). when
| the cursor mover over the word, it high-lights. i want to do exactly the
same
| thing. how do i do this?
|
| thanks
 
Back
Top