View Full Version : sound cloud player over image

11-30-2012, 03:12 AM
hello. i have made a website using a picture and use the hot spot tool to make links. now i only want to ad a sound cloud player on to the picture but i can't get it there. it place the player under the picture. is there anyway to get around this problem?? or do i have to do the page in css? i have put the site on a temporary adress so you can se what i want http://oppen.se/music.html .. the player should be on the open area on the picture
here are the code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<script type="text/javascript" src="scripts/soundcloud.player.api.js"></script> <script type="text/javascript">
soundcloud.addEventListener('onPlayerReady', function(player, data) {
player.api_play(); });</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Julia Simonson</title>

<div style="width:800px; margin:0 auto;">
<img src="musi.gif" width="800" height="450" border="0" usemap="#Map" />
<map name="Map" id="Map">
<area shape="rect" coords="-6,409,405,448" href="index.html" />
<area shape="rect" coords="388,-11,456,30" href="music.html" />
<area shape="rect" coords="460,-6,530,30" href="media.html" />
<area shape="rect" coords="532,1,585,29" href="julia.html" />
<area shape="rect" coords="587,-4,674,29" href="contact.html" />
<area shape="rect" coords="677,-15,812,28" href="http://www.facebook.com/pages/Julia-Simonson/168876176536135" />

<object height="67" width="300" id="yourPlayerId" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"> <param name="movie" value="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.com%2Fmatas%2Fhobnotropic&enable_api=true&object_id=yourPlayerId"></param> <param name="allowscriptaccess" value="always"></param> <embed allowscriptaccess="always" height="81" src="http://player.soundcloud.com/player.swf?url=http%3A%2F%2Fsoundcloud.com%2Fmatas%2Fhobnotropic&enable_api=true&object_id=yourPlayerId" type="application/x-shockwave-flash" width="100%" name="yourPlayerId"></embed> </object>