WTF., image rollovers...>;[] Options

[aesthetic]

I can't get my image rollovers to work :( I've tried countless different ways to do it, here's what I have now.

CODE

a.add {width:53px; height: 57px; display:block;
background-image:url(http://i13.tinypic.com/853zz8x.png);}
a.add:hover {cursor:help;}
a.add:hover img {visibility:hidden;}
</style>

<a class="add" href="##"><img src="http://i14.tinypic.com/8ggbin4.png"></a>

And of course there's an opening style tag.

[aesthetic]

Ok let me try your way, I tried that version too and it didn't work for me, I'll go see if this works.

[aesthetic]

No bueno, this is what I did:

CODE

.create{
    height:69px;
    width:43px;
    background-COLOR:transparent;  
    background: url(http://i4.tinypic.com/8dvtfsy.png);
    background-position:top left;
    background-repeat: no-repeat;
    display: block;}

.create:hover{
    background-position: top right;}
    

</style>

<a href="URLHERE" class="create"></a>

I even tried:

CODE

<a href="URLHERE" class="create"><img src="http://i4.tinypic.com/8dvtfsy.png"></a>

[aesthetic]

hm, must be my other coding.

[newkidontheblock]

It works perfectly fine for me

http://profile.myspace.com/index.cfm?fusea...61-a2415ae9298a

Works Fine For Me Tooo....

[aesthetic]

OMG. I figured it out, the code right about it was messing an end bracket... Not only do I feel stupid but I spent pretty much all day trying to figure it out.

[Marlons]

OMG it't that easy!
Wow.I should have put rollovers in my layouts a long time ago.
um thanks aesthetic for posting this topic.much appreciated.

[aesthetic]

hang on one more question, hover your mouse over the image 'add', the second image, isn't lined up right, is it because of the image, or coding

link

[aesthetic]

hang on one more question, hover your mouse over the image 'add', the second image, isn't lined up right, is it because of the image, or coding

link

long time no talk.

[aesthetic]

long time no talk.

omg it worked thanks!

[aesthetic]

Yes you may close, thanks :)