Positioning Drop Down Player..? Options

[iki2aZei]

i was just wondering if you can position the drop down player to where you would like it to be. i've postioned my navigation scrollbar to a specific spot but i can't do the same to the music player. check out my website: http://xanga.com/iki2aZei

here's my drop down player script:

<!-- begin code provided by createblog.com --><br /><div id="scroll3" style="width:200;height:90;background-color:;overflow:auto" style="position: static; top:10; left:10; z-index: 1000;"> <br /><object id="CPplayer1" codeBase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701" type="application/x-oleobject" height="0" standby="Loading Microsoft Windows Media Player components..." width="0" classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"> <br /><param NAME VALUE> <br /><param NAME="ShowControls" VALUE="1"> <br /><param NAME="ShowStatusBar" VALUE="0"> <br /><param NAME="ShowDisplay" VALUE="0"> <br /><param NAME="DefaultFrame" VALUE="Slide"> <br /><param NAME="Autostart" VALUE="1"> <br /><param NAME="Loop" VALUE="True"> <br /></object> <br /><form name="form"> <br />    <select style="FONT-SIZE: 8pt; BACKGROUND: black; border: 0px solid ##D4CDBD; WIDTH: 100%; height: 25px; COLOR: white; font-size:9px; font-face: Terminal;" name="playlist" size="1"> <br />    <option value="0">title here</option> <br /></select></p><br /></form><center> <br /><a onclick="play(document.forms['form'].playlist);"> <br />  <img src="http://img2.exs.cx/img2/3/play2.gif" border="0" name="butplay" width="15" height="15"></a> <br />  <a onclick="document.CPplayer1.Pause(); playstate=2;"> <br />  <img src="http://img2.exs.cx/img2/4400/pause.gif" border="0" name="butpause" width="15" height="15"></a> <br />  <a onclick="document.CPplayer1.Stop(); playstate=2;"> <br />  <img src="http://img2.exs.cx/img2/9248/stop.gif" border="0" name="butstop" width="15" height="15"></a></center></td> <br /><br /><script language="JavaScript"> <br /><!-- <br /><br />function SymError() <br />{ <br />return true; <br />} <br /><br />window.onerror = SymError; <br /><br />//--> <br /></script> <br /><br /><script language="JavaScript"> <br /><!-- <br />var playstate = 1; <br />shuffle = 1;  // set to 0 to always play first song in list <br />            // set to 1 to randomly choose the first song to play <br />songs=new Array(); <br />songs[0]="http://playlist.yahoo.com/makeplaylist.dll%3Fsid=3494709&pt=url&xdata=5686FA335BD341F1A206C9890BD2B0AA_15986788&s=396500550&b=ekvnfhsvjqfj83f563861&zz=a.asx"; <br />if (shuffle == 1) { <br />var randsg = Math.floor(Math.random()*songs.length); <br />document.CPplayer1.FileName = songs[randsg]; <br />document.CPplayer1.scr = songs[randsg]; <br />document.forms['form'].playlist.options[randsg].selected = true; <br />} <br />function play(list) { <br />if (playstate == 2) { <br />document.CPplayer1.Play(); <br />} else { <br />var snum = list.options[list.selectedIndex].value <br />document.CPplayer1.FileName = songs[snum]; <br />document.CPplayer1.scr = songs[snum]; <br />} <br />playstate = 1; <br />} <br />//--> <br /></script></td></tr></table></div><br /><!-- end code provided by createblog.com -->

do i have to put another div around it and absolute postion it? please help me.

This post has been edited by Sherry_Vu: Jan 10 2005, 03:57 PM

[largosama]

put it between a div such as this one:

<!-- begin code provided by createblog.com --><br /><div style="position:static;width:##; height:##; margin-left:##; margin-top:##>your code</div><br /><br /><!-- end code provided by createblog.com -->

adjust the height and width numbers to fit the size of the player and move the left and top margins around. The top margin may be negative

I love how the admins changed the code tags to codebox