need help before i throw my computer out the window, image rollovers as friend lists Options

[breezy1215]

ok i have been trying for 4 hours to work out this code... and usually im great at doing this stuff but for some reaon i cant get past this code. i wanna put my friends pics on my friends list on myspace..... when u go over them with ur mouse a nother pic comes up that saystheir name... i tried the codes in the scripts part but either im doing it wrong or something someone PLEASEEEEEEEEE help i love my laptop i dont wanna throw it out the window

[*This Confession*]

okay
now your code should be changed to this

sorry i forgot to mention this. I forget that I'm dealing with people that don't know as much as I do, sorry.

change your code to this

CODE

<a href="LINK" class="friend"></a><style type="text/css">
.friend{height: 82px; width: 70px; text-indent: 184px; overflow: hidden; background: url(http://img325.imageshack.us/img325/2595/megzzg5.jpg) top left no-repeat; display: block;}
.friend:hover{background-position: bottom left;}
</style>

<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendid=49059787" class="friend1"></a>
<style type="text/css">
.friend1{height: 82px; width: 70px; text-indent: 184px; overflow: hidden; background: url(http://img325.imageshack.us/img325/6264/brianrl5.jpg) top left no-repeat; display: block;}
.friend1:hover{background-position: bottom left;}
</style>


<a href="http://profile.myspace.com/index.cfm?fuseaction=user.viewprofile&friendID=96394092" class="friend2"></a>
<style type="text/css">
.friend2{height: 82px; width: 70px; text-indent: 184px; overflow: hidden; background: url(http://img325.imageshack.us/img325/1368/ssap8.jpg) top left no-repeat; display: block;}
.friend2:hover{background-position: bottom left;}
</style>

Notice how each one of them has a different name

such as the first one is just friend
the second one is friend1
and the third has friend2