hover on div layout image Options

[sprezzatura]

http://glamour-beauty.com/

See the navi portion? When you mouseover it, that area would change to a white background and blue text.

I have Photoshop/Imageready CS2 and how do I make it like this? Also, I have heard that it requires javascript?

[talcumpowder]

Okay... Let me think for a second, you'll be using the hover psuedo-class. Let's say your navigation is this (in a larger table, probably):

CODE

<tr>
<td class="hover"><a href="http://">Link</a></td>
<td class="hover"><a href="http://">Link</a></td>
<td class="hover"><a href="http://">Link</a></td>
<td class="hover"><a href="http://">Link</a></td>
</tr>

Then your CSS might resemble this:

CODE

<style type="text/css">
.hover{width: 50px; text-align: center;}
.hover a:link{background-color: #000000; color: #FFFFFF;}
.hover a:hover{background-color: #FFFFFF; color: #000000;}
</style>

[ http://www.blewmyallowanceonmanga.net/ribbons/hover.html ]