No replies
wasimkham
Offline
newbie
Last seen: 12 years 7 weeks ago
Joined: 2006-11-30
Posts: 6
Points: 0

Hi,

I have a DIV which has a Flash object in it, and I have an image also located within this DIV. I want to place the image above the Flash object and position it relative to the actually position of the DIV on the page. Now I can do this perfectly when i'm using position:absolute on the image, but this doesn't help if the position of the DIV changes. I've tried position: relative but this doesn't seem to work. Can anyone help? Thanks

.flashplayer {
width: 705px;
height: 373px;
position: absolute;
left: 50%;
margin-left: -352px;
top: 320px;
}
 
.buynow {
position: absolute;
left: 50%;
margin-left: 252px;
top: 668px;
width: 67px;
height: 19px;
}
 
<div class="flashplayer">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" height="373" width="705" id="itunes" align="middle">
  <param name="allowScriptAccess" value="never" />
  <param name="allowNetworking" value="internal" />
  <param name="movie" value="http://trubeats.com/itunes.swf?MySpace=1" />
  <param name="wmode" value="transparent" />
  <param name="bgcolor" value="ffffff" />
  <param name="quality" value="high" />
<embed type="application/x-shockwave-flash" allowScriptAccess="never" allowNetworking="internal" src="http://trubeats.com/itunes.swf?MySpace=1" height="373" width="705" id="itunes" align="middle" wmode="transparent" bgcolor="ffffff" quality="high" />
</object>
<p style="text-align: center;"><span style="font-size: xx-small;">By ordering from TruBeats.com you are agreeing with the <a href="http://www.msplinks.com/MDFodHRwOi8vdHJ1YmVhdHMuY29tL3Rlcm1zLW9mLXVzZS5odG1s">Terms of Use</a> and the <a href="http://www.msplinks.com/MDFodHRwOi8vdHJ1YmVhdHMuY29tL2xpY2Vuc2VzLmh0bWw=">Licenses</a> agreement.</span></p>
<p align="center"><strong>The above player was created by TruBeats, if you would like to know how to get your hands on a similar custom designed player, please email <a href="mailto:[email protected]">contact@trubeats.com</a>.</strong></p>
 
<div class="buynow">
<a href="http://www.msplinks.com/MDFodHRwOi8vdHJ1YmVhdHMuY29tL215c3BhY2UvZ28ucGhw"><img src="http://trubeats.com/myspace/buynow.jpg" /></a>
</div>
 
</div>