Solved

Relative positioning above another element

Posted on 2008-10-30
1
669 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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

[Live Webinar] The Cloud Skills Gap

As Cloud technologies come of age, business leaders grapple with the impact it has on their team's skills and the gap associated with the use of a cloud platform.

Join experts from 451 Research and Concerto Cloud Services on July 27th where we will examine fact and fiction.

Question has a verified solution.

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

This article discusses four methods for overlaying images in a container on a web page
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
In this tutorial viewers will learn how add a full-size background image to a webpage using CSS3. Create a new HTML document with an internal stylesheet.: In CSS, define the html element to have a background image. Use a high resolution image.: In t…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
Suggested Courses

615 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