image rollover help Options

[sauce2k6]

i cant get the code to work
and help would be highly appreciated

CODE

<style type="text/css">
.name{height: 95px; width: 89px; overflow: hidden; background: url(http://i9.tinypic.com/31617o6.png) top left no-repeat; display: block;}
.name:hover{background-position: bottom left;}
</style>

CODE

<a href="myspace.com" class="name"></a>

[clarity]

^ you didn't put the image in the url?

[sauce2k6]

were does that go? lol

cause i thought i had it in the first box?

"url(http://i9.tinypic.com/31617o6.png)"

:D

[Relentless]

Hmm, it should work. on the "name" part, you're suppose to make a name for it. Just pick a name for it, and that should work?

[sauce2k6]

i changed the name and still nothing

and im using this code on a blank myspace page

[*Azarel*]

What is it that isn't working about the rollover? Using the code you provided in the first post (and not changing anything), it seems to work as shown here. If it's not linking to the place you want, it's because to link outside of myspace, you'll have to include http://

[sauce2k6]

aww well
it doesnt show up at all on my page
like no image
no nothing

[*Azarel*]

Hm, can you either provide a link to the myspace that you're working with or the rest of your coding?

[sauce2k6]

www.myspace.com/watchout336


and there is no other coding in it

just this image rollerover code

edit:

i just checked my page and now its working lol

thank you for your help
really appreciate it and the fast response

wonder why though before it wasnt showing up

o well lol

[sauce2k6]

i got another problem lol

how would you position them so the pictures are next to each other
because i can only get it to show up one under each other

CODE

<style type="text/css">
.pic1{height: 95px; width: 89px; overflow: hidden; background: url(http://i12.tinypic.com/48c67fm.png) top left no-repeat; display: block;}
.pic1:hover{background-position: bottom left;}

</style>

<style type="text/css">
.pic2{height: 95px; width: 89px; overflow: hidden; background: url(http://i10.tinypic.com/4btaumx.png) top left no-repeat; display: block;}
.pic2:hover{background-position: bottom left;}

</style>

CODE

<a href="myspace" class="pic1">
<a href="myspace" class="pic2">

www.myspace.com/watchout336

[*Azarel*]

Make sure there's no space in between your links.

CODE

<a href="myspace" class="pic1">
<a href="myspace" class="pic2">

would become:

CODE

<a href="myspace" class="pic1"><a href="myspace" class="pic2">

[Relentless]

I can see it and there working for me. o.O