on mouse over

heloise / 2013-08-01 09:32:00   

Hi, i'd like my logo on main page could change when on mouse over.
I've rote this code on the pre nav area but nothing happen.
I've probably done something wrong, but as i'm trying to being familiar with the html language.. is any body can have a look?
here is my code:

Thanks

arsondpi / 2013-08-01 11:36:02   

Did you check this thread: indexhibit.org/forum/thread/18938/

heloise / 2013-08-01 15:30:52   

Hi, thank,
it almost work but i should have done a small error cause the logo doesn't look good when on mouse over..
I put this code into te style.ccs:

a.rolloverme {
display: block;
width: 200px;
height: 112px; /* make a box with a set width and height... */
text-decoration: none;
background: url('heloisebariol.fr/files/gimgs/…'); /* ...and set it's background */
}
a.rolloverme:hover {
background: url('heloisebariol.fr/files/gimgs/…') 0 200px; /* this creates the magic - moves the background image inside the box down by 100px so the HOVER button appears */
}
.hidethis {
display: none; /* you need this */
}

and this into the pre nav area:


This is a button

if you have any idea about my mistake..

link: heloisebariol.fr

:+!

heloise / 2013-08-01 15:45:42   

NO WORRY,
it finaly works,
it's because there was a mistake in the code:
a 0 before the 200px

a.rolloverme:hover {
background: url('heloisebariol.fr/files/gimgs/…') 0 200px; /* this creates the magic - moves the background image inside the box down by 100px so the HOVER button appears */

Without trhis 0, it work better!

:+)

This thread has been closed, thank you.