Solved

Relative positioning above another element

Posted on 2008-10-30
1
665 Views
Last Modified: 2011-10-19
Hello,

Attached is a screen shot, I am trying to position a star burst above a flash file positioned relative to the containing frame.  

I've tried adding a z-index to the table and to the flash containing div less than that of the star div, doesnt seem to work; any thoughts how I can position this star div relative to the white containing box and above the flash file?

Thanks
//CSS
#star {
position:relative;
left:1px;
z-index:100;
}
 
// HTML
<div id="jbcontent">
<div id="star">
<img src="templates/FW153/images/star_large.png" class="normal" />
</div>
<table border="0" cellspacing="0" cellpadding="0" width="720" style="margin:-.8em 0 0 0;">
 <tbody>
  <tr valign="top">
       <td valign="top" style="padding:0 0 10px 10px;">
         <span class="intro_text">FindWhere transforms advanced GPS technology into an easy-to-use tracking<br>
         and locating service  putting </span><span class="intro_teal">peace of mind</span><span class="intro_text"> into the palm of your hand. </span></td>
  </tr>
  <tr>
    <td><div align="center" style="margin:-.24em 0 -.5em 0;">
      <script type="text/javascript">
AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0','width','905','height','425','src','templates/FW153/flash/fw_intro','quality','high','pluginspage','http://www.macromedia.com/go/getflashplayer','movie','templates/FW153/flash/fw_intro' ); //end AC code
</script><noscript><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="905" height="425">
        <param name="movie" value="templates/FW153/flash/fw_intro.swf" />
        <param name="quality" value="high" />
        <embed src="templates/FW153/flash/fw_intro.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="905" height="425"></embed>
      </object></noscript></div>
    </td></tr>
 
 </tbody>
</table>
</div>

Open in new window

ss.gif
0
Comment
Question by:vrmetro
1 Comment
 
LVL 30

Accepted Solution

by:
Steggs earned 500 total points
ID: 22846490
Hello,

Try adding

<param name="wmode" value="transparent" /> to the object parameters AND wmode="transparent" to the embed tag.

Next,

css:

#jbcontent {
position:relative
}
#star {
position:absolute;
left:200px;
top:200px;
z-index:100
}

Let me know how that goes

Steggs
0

Featured Post

Windows Server 2016: All you need to know

Learn about Hyper-V features that increase functionality and usability of Microsoft Windows Server 2016. Also, throughout this eBook, you’ll find some basic PowerShell examples that will help you leverage the scripts in your environments!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
Message not shown 5 50
Only three borders showing on image 5 20
Help to align the buttons in a row 2 28
How to make footer stick to bottom 9 31
Introduction If you're like most people, you have occasionally made a typographical error when you're entering information into an online form.  And to your consternation, the browser remembers the error, and offers to autocomplete your future entr…
This article discusses four methods for overlaying images in a container on a web page
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

777 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question