Help with music player and rollovers Options

[Datrooper]

Ok, well, i made a music player using myflashfetish, and i put the code in, but it's hidden, and i can't find it on there. I'm using a div layout i made, and all my links work, i just want to make them rollovers. I have the seperate images for the rollovers, but i tried a couple of codes, and i just got confused, because i think they were hidden too. I think my div is covering everything. Here are the codes i'm using: Thanks!

ABOUT ME

CODE

<img style="visibility:hidden;width:0px;height:0px;" border="0" width="0" height="0" src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bT*xJmx*PTEyMzkxMTk1MTIwMTUmcHQ9MTIzOTExOTUxNjUxNSZwPTE4MDMxJmQ9Jmc9MSZ*PSZvPWE4
TU*YmI5ZDVlODQ1MmU5NjVmODJhNDBjYmIxOTlj.gif" /> <center><p style="visibility:visible;"><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="128" width="220" style="visibility:visible;width:220px;height:128px;" border="0">
<param name="allowScriptAccess" value="never" />
<param name="allowNetworking" value="internal" />
<param name="movie" value="http://assets.myflashfetish.com/swf/mp3/mff-txtzoom.swf?myid=20369043&path=2009/04/07" />
<param name="wmode" value="transparent" />
<param name="quality" value="high" />
<param name="flashvars" value="mycolor=000000&mycolor2=99A5FF&mycolor3=FFFFFF&autoplay=true&rand=1&f=4&vol=100&pat=1&grad=true" />
<param name="salign" value="TL" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://assets.myflashfetish.com/swf/mp3/mff-txtzoom.swf?myid=20369043&path=2009/04/07" height="128" width="220" style="visibility:visible;width:220px;height:128px;" border="0" wmode="transparent" quality="high" flashvars="mycolor=000000&mycolor2=99A5FF&mycolor3=FFFFFF&autoplay=true&rand=1&f=4&vol=100&pat=1&grad=true" salign="TL" />
</object><br /><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm1peHBvZC5jb20vcGxheWxpc3QvMjAzNjkwNDM=" target="_blank"><img src="http://assets.myflashfetish.com/images/get-tracks.gif" title="Get Music Tracks!" style="border-style:none;" alt="Music" /></a><a href="http://www.msplinks.com/MDFodHRwOi8vd3d3Lm1peHBvZC5jb20=" target="_blank"><img src="http://assets.myflashfetish.com/images/make-own.gif" title="Create A Playlist!" style="border-style:none;" alt="Playlist" /></a><br /><a href="http://www.msplinks.com/MDFodHRwOi8vbWl4cG9kLmNvbQ==">Music Playlist</a> at <a href="http://www.msplinks.com/MDFodHRwOi8vbWl4cG9kLmNvbQ==">MixPod.com</a></p></center>




<style>
.box1 {position:absolute; left:50%; margin-left:-505px; top:174px; width:1009px; height:1575px;}
</style>

<div class="box1">
<table id="Table_01" width="1009" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="5" rowspan="3">
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/Trevors-layout_01.jpg" width="425" height="349" alt="" /></td>
<td colspan="14">
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/Trevors-layout_02.jpg" width="583" height="343" alt="" /></td>
<td>
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/spacer.gif" width="1" height="343" alt="" /></td>
</tr>
<tr>
<td colspan="13" rowspan="3">
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/Trevors-layout_03.jpg" width="581" height="378" alt="" /></td>
<td>
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/Trevors-layout_04.jpg" width="2" height="4" alt="" /></td>
<td>
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/spacer.gif" width="1" height="4" alt="" /></td>
</tr>
<tr>
<td rowspan="10">
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/Trevors-layout_05.jpg" width="2" height="465" alt="" /></td>
<td>
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/spacer.gif" width="1" height="2" alt="" /></td>
</tr>
<tr>
<td colspan="5">
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/Trevors-layout_06.jpg" width="425" height="372" alt="" /></td>
<td>
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/spacer.gif" width="1" height="372" alt="" /></td>
</tr>
<tr>
<td colspan="11">
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/Trevors-layout_07.jpg" width="625" height="1" alt="" /></td>
<td rowspan="4">
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPW1haWwubWVz
2FnZSZmcmllbmRJRD0xMTE3NzQ2NTM=">
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/Trevors-layout_08.jpg" width="107" height="44" border="0" alt="" /></a></td>
<td colspan="3" rowspan="6">
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/Trevors-layout_09.jpg" width="49" height="53" alt="" /></td>
<td colspan="2" rowspan="5">
<a href="http://www.myspace.com/index.cfm?fuseaction=block.blockUser&userID=111774653">
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/Trevors-layout_10.jpg" width="130" height="45" border="0" alt="" /></a></td>
<td rowspan="8">
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/Trevors-layout_11.jpg" width="95" height="91" alt="" /></td>
<td>
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/spacer.gif" width="1" height="1" alt="" /></td>
</tr>
<tr>
<td colspan="7">
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/Trevors-layout_12.jpg" width="447" height="1" alt="" /></td>
<td colspan="3" rowspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vY29sbGVjdC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLmFkZFRvRmF2b3JpdGUmZnJpZW5kSUQ9MTExNzc0NjUz">
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/Trevors-layout_13.jpg" width="159" height="42" border="0" alt="" /></a></td>
<td rowspan="5">
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/Trevors-layout_14.jpg" width="19" height="52" alt="" /></td>
<td>
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/spacer.gif" width="1" height="1" alt="" /></td>
</tr>
<tr>
<td rowspan="6">
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/Trevors-layout_15.jpg" width="97" height="89" alt="" /></td>
<td rowspan="3">
<a href="http://www.msplinks.com/MDFodHRwOi8vY29tbWVudC5teXNwYWNlLmNvbS9pbmRleC5jZm0/ZnVzZWFjdGlvbj11c2VyLnZpZXdQcm9maWxlX2NvbW1lbnRGb3JtJmZyaWVuZElEPTExMTc3NDY1Mw==">
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/Trevors-layout_16.jpg" width="189" height="43" border="0" alt="" /></a></td>
<td rowspan="6">
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/Trevors-layout_17.jpg" width="35" height="89" alt="" /></td>
<td colspan="3" rowspan="3">
<a href="http://www.msplinks.com/MDFodHRwOi8vbWVzc2FnaW5nLm15c3BhY2UuY29tL2luZGV4LmNmbT9mdXNlYWN0aW9uPWludml0ZS5h
GRmcmllbmRfdmVyaWZ5JmZyaWVuZElEPTExMTc3NDY1Mw==">
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/Trevors-layout_18.jpg" width="114" height="43" border="0" alt="" /></a></td>
<td rowspan="5">
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/Trevors-layout_19.jpg" width="12" height="52" alt="" /></td>
<td>
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/spacer.gif" width="1" height="41" alt="" /></td>
</tr>
<tr>
<td colspan="3" rowspan="3">
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/Trevors-layout_20.jpg" width="159" height="10" alt="" /></td>
<td>
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/spacer.gif" width="1" height="1" alt="" /></td>
</tr>
<tr>
<td rowspan="2">
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/Trevors-layout_21.jpg" width="107" height="9" alt="" /></td>
<td>
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/spacer.gif" width="1" height="1" alt="" /></td>
</tr>
<tr>
<td rowspan="3">
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/Trevors-layout_22.jpg" width="189" height="46" alt="" /></td>
<td colspan="3" rowspan="2">
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/Trevors-layout_23.jpg" width="114" height="9" alt="" /></td>
<td colspan="2">
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/Trevors-layout_24.jpg" width="130" height="8" alt="" /></td>
<td>
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/spacer.gif" width="1" height="8" alt="" /></td>
</tr>
<tr>
<td colspan="2">
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/Trevors-layout_25.jpg" width="141" height="1" alt="" /></td>
<td colspan="4" rowspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vdHdpdHRlci5jb20vcmFhYWRpY2FsdHJldm9y">
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/Trevors-layout_26.jpg" width="150" height="38" border="0" alt="" /></a></td>
<td rowspan="2">
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/Trevors-layout_27.jpg" width="28" height="38" alt="" /></td>
<td colspan="2" rowspan="2">
<a href="http://www.msplinks.com/MDFodHRwOi8vd3d3LmZhY2Vib29rLmNvbS9wcm9maWxlLnBocD9pZD01NjA0MTY3Njk=">
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/Trevors-layout_28.jpg" width="143" height="38" border="0" alt="" /></a></td>
<td rowspan="2">
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/Trevors-layout_29.jpg" width="2" height="38" alt="" /></td>
<td>
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/spacer.gif" width="1" height="1" alt="" /></td>
</tr>
<tr>
<td>
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/Trevors-layout_30.jpg" width="65" height="37" alt="" /></td>
<td colspan="4">
<a href="http://www.msplinks.com/MDFodHRwOi8vcHJvZmlsZS51bHRpbWF0ZS1ndWl0YXIuY29tL2V2b3J0cmUv">
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/Trevors-layout_31.jpg" width="188" height="37" border="0" alt="" /></a></td>
<td>
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/Trevors-layout_32.jpg" width="14" height="37" alt="" /></td>
<td>
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/spacer.gif" width="1" height="37" alt="" /></td>
</tr>
<tr>
<td colspan="19">
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/Trevors-layout_33.jpg" width="1008" height="220" alt="" /></td>
<td>
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/spacer.gif" width="1" height="220" alt="" /></td>
</tr>
<tr>
<td colspan="19">
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/Trevors-layout_34.jpg" width="1008" height="266" alt="" /></td>
<td>
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/spacer.gif" width="1" height="266" alt="" /></td>
</tr>
<tr>
<td colspan="19">
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/Trevors-layout_35.jpg" width="1008" height="277" alt="" /></td>
<td>
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/spacer.gif" width="1" height="277" alt="" /></td>
</tr>
<tr>
<td>
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/spacer.gif" width="97" height="1" alt="" /></td>
<td>
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/spacer.gif" width="189" height="1" alt="" /></td>
<td>
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/spacer.gif" width="35" height="1" alt="" /></td>
<td>
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/spacer.gif" width="65" height="1" alt="" /></td>
<td>
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/spacer.gif" width="39" height="1" alt="" /></td>
<td>
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/spacer.gif" width="10" height="1" alt="" /></td>
<td>
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/spacer.gif" width="12" height="1" alt="" /></td>
<td>
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/spacer.gif" width="127" height="1" alt="" /></td>
<td>
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/spacer.gif" width="14" height="1" alt="" /></td>
<td>
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/spacer.gif" width="18" height="1" alt="" /></td>
<td>
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/spacer.gif" width="19" height="1" alt="" /></td>
<td>
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/spacer.gif" width="107" height="1" alt="" /></td>
<td>
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/spacer.gif" width="6" height="1" alt="" /></td>
<td>
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/spacer.gif" width="28" height="1" alt="" /></td>
<td>
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/spacer.gif" width="15" height="1" alt="" /></td>
<td>
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/spacer.gif" width="128" height="1" alt="" /></td>
<td>
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/spacer.gif" width="2" height="1" alt="" /></td>
<td>
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/spacer.gif" width="95" height="1" alt="" /></td>
<td>
<img src="http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/spacer.gif" width="2" height="1" alt="" /></td>
<td></td>
</tr>
</table>
</div>

WHO I'D LIKE TO MEET

CODE

<style>
.contacttable,.whitetext12,.nametext,.lightbluetext8,.orangetext15,.blacktext12,
btext,.redtext,.redbtext{display:none;height:0px;!important;visibility:hidden}
td td td td{border:0px;width:0px;text-align:left;}
table,td,tr{padding:0px;width:;background-color:transparent}
table table table{padding:1px;height:.01%;width:100%;}
table table,table table table table,table,tr,td{height:0px;!important;border:0px;!important}
table table table table,table table table table td.text, td.text td.text table{display:none;}
td.text table table{display:inline;visibility:visible;}
table td table tr td.text table{visibility:hidden;}
table td table tr td.text table table,table td table tr td.text table table td.text{visibility:visible;}
</style>

Thanks again for your time!

EDIT: also, heres the link to the profile if you need to see what i mean: http://profile.myspace.com/index.cfm?fusea...endid=111774653

[Datrooper]

Ok, i'll work on the rollovers, how would you go about putting it in a div, i tried earlier, but it didn't work

[Datrooper]

Hmmm, that just kinda destroyed my layout lol, it made everything disappear, and the only thing showing is details portion

Also, i'm not sure, i'm just throwing this out there, i think what happened may have been cause i'm not using myspace's player

[Datrooper]

There we go that did it, now i just have to position, then do the rollovers. Not looking forward to the rollovers, it looks complicated

Also, there is a horizontal scrollbar at the bottom for some reason, it scrolls like 2 pixels over, so not a big difference, i'm just not sure why it's there.

[Datrooper]

That did it! Thanks!

EDIT: also, i'm really confused with the rollovers, how do i put the images into divs? right now i just have like tables or something

[Mickey]

You don't necessarily have to put the images into DIVs. Try following this tutorial.

[Datrooper]

Ok, i followed the tutorial, and i noticed the link part of the code is missing, but i still did it and got this:

CODE

<style>
a.NAME
{float:left;background:url(http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/Trevors-layout_16)repeat;width:189px;height:43px;display:block;}

a.NAME:hover
{float:left;background:url(http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/Trevors-layout_16-1.jpg)repeat;}
</style>

but, it isn't showing up, i'm not sure if my div is covering it like it did to the music player

[Mickey]

First, replace that code with this:

CODE

<style>
a.NAME
{float:left;background:url(http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/Trevors-layout_16.jpg)repeat;width:189px;height:43px;display:block;}

a.NAME:hover
{float:left;background:url(http://i552.photobucket.com/albums/jj348/TheTr00per52/Myspace/Trevors-layout_16-1.jpg)repeat;}
</style>

Second, use this for whenever you want to put up rollovers:

CODE

<a href="URL" class="NAME"><img src="http://files4.lookbook.nu/images/clear.gif" style="height:#px; width:#px; display:block;"></a>

Replace the letters in all caps and the pound symbols with whatever you need them to be. For "NAME", you can change that to whatever you want depending on how many rollovers you want to put up. If you want to add more than one, simply create more classes like on the code you just posted. Just make sure you change "NAME" on the code above according to the appropriate class every time.

[Datrooper]

Ok, i did that, and it's still not showing up, it's behind the div, but i have it fixed, but how do i position it?

[Datrooper]

Ok, i did that, and it's still not showing up, i got rid of the non rollover one to see if it was behind that, but there is nothing behind it, just gray, i think it's somewhere beneath the div overlay

[Mickey]

If you replace the image link codes inside your table tags with the second code I posted here, it should show up.

[Datrooper]

Ok, i'll give that a shot and let you know how it went.

I think I'm just not grasping the idea of how it works, so i'll just leave off the rollovers, thanks for all your help anyways though!