frame achter Flash object

Status
Niet open voor verdere reacties.
J

justinos

Gebruiker
Lid geworden
12 nov 2004
Berichten
199
Hallo allemaal,

Op mijn website heb ik een flash object staan. (een deel van) De bovenkant van dit object is transparant, dat betekend dat ik achter dit transparante gedeelte een frame of tekst (whatever) kan plaatsen. Ik wil namelijk een frame over dit flash object heen hebben, dat lukt mij niet vandaar dat ik het erachter ga plaatsen en zodoende het flash object transparant gemaakt heb. Ik heb nu deze code gebruikt:

HTML: 
<table width="832" height="324" align="center" id="table3" cellspacing="0" cellpadding="0">
 <tr>
  <td align="center" width="829" height="324" border="0" background="/2008/center.PNG">
<div id="13" align="left" style="position: relative; left: 33px; top: 130px;" width="694" height="130"><iframe src="/2008/nieuws.html" name=nieuws width="694" height="130" frameborder=0 scrolling="no"></iframe></div>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="762" height="324" id="banneronderin" align="middle">
<param name="allowScriptAccess" value="sameDomain" /><param name="wmode" value="transparent">
<param name="movie" value="/2008/banneronderin.swf" />
<embed src="/2008/banneronderin.swf" quality="high" bgcolor="#C7E4FF" width="762" height="324" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object>
  </td>
<td width="3"></td>
 </tr>
</table>

Zonder de div zou het frame gewoon boven het flash object staan. Nu met de div had ik gehoopt dat het frame er gewoon overheen (of erachter, aangezien het nu toch transparant is) gezet wordt. Dit gebeurd echter niet en daarom moet ik het 130 pixels naar beneden gooien, maar die 130 pixels blijft loze ruimte en dat wil ik niet.

Het is een beetje een lastige kwestie en ik hoop dat mijn uitleg een beetje duidelijk is, wellicht dat iemand mij verder kan helpen.

Alvast bedankt
Justin
 
Laatst bewerkt:
Bedankt voor je reactie :)

Met z-index krijg je dus dit idee:

HTML: 
 <tr>
  <td align="center" width="829" height="324" border="0" background="/2008/center.PNG">
<div id="13" align="left" style="position: relative; left: 33px; top: 0px; z-index: 2;"><iframe src="2008/nieuws.html" name=nieuws width="694" height="130" frameborder=0 scrolling="no" vspace="0" hspace="0" margin="0" marginwidth="0" marginheight="0"></iframe></div>
<div id="13" align="left" style="position: relative; left: 33px; top: -130px; z-index: 1;">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="762" height="324" id="banneronderin" align="middle">
<param name="allowScriptAccess" value="sameDomain" /><param name="wmode" value="transparent">
<param name="movie" value="/2008/banneronderin.swf" />
<embed src="/2008/banneronderin.swf" quality="high" bgcolor="#C7E4FF" width="762" height="324" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</div>
</object>
  </td>
<td width="3"></td>
 </tr>

Dit verhelpt helaas het probleem nog niet. Als ik het <frame>..</frame> gedeelte weghaal tussen de eerste div tags, en hiervoor in de plaatst wat tekst zet, dan werkt het wel perfect. De tekst gaat dan gewoon over het flash object heen. Echter met het frame ertusesn plaatst hij het frame er gewoon boven, met de divs kan je dus het frame wel naar beneden verplaatsten, in het object gedeelte, maar dan blijft die ruimte staan waar het frame oorspronkelijk stond. Heel vaag :(
 
justinos,
Ik weet niet goed wat je bedoeld, dat de twee boven elkaar staan?
de code hieronder staan ze boven elkaar als het dat is wat je bedoeld? Als het kan, even online zetten dan zie ik beter wat je wil.
Code: 
<table width="832" height="324" align="center"  id="table3" cellspacing="0" cellpadding="0">
 <tr>
  <td valign="top" align="center" width="829" height="324" border="0" background="/2008/center.PNG">
<div id="13" align="left" style="position:absolute; left: 151px; top: 18px;" width="694" height="130">
  <iframe src="/2008/nieuws.html" name=nieuws width="694" height="130" frameborder=0 scrolling="no"></iframe>
</div>
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="762" height="324" id="banneronderin2" align="middle">
  <param name="allowScriptAccess" value="sameDomain" />
  <param name="wmode" value="transparent" />
  <param name="movie" value="/2008/banneronderin.swf" />
  <embed src="/2008/banneronderin.swf" quality="high" bgcolor="#C7E4FF" width="762" height="324" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object></td>
<td width="3"></td>
 </tr>
</table>
 
Bedankt voor je reactie.

Zie volgende link voor het probleem: http://kermis-haarlem.nl/index2.html

Onderin is het flash object te zien. Daarboven staat een frame met een nieuws berichtje. Dit frame moet over het flash object heen zodat het links van de grote kerktoren (aan de rechterkant) staat. Het mag ook achter het flash object, omdat het blauwe gedeelte in het flash object transparant is.

Het probleem is dus dat het frame niet OVER of ONDER het flash object geplaatst wordt, maar gewoon erboven. Dat terwijl de divjes toch echt beide top: 0px; aangeven.

Ik hoop dat je het probleem nu wat beter snapt. De pagina gebruikt nu deze code:

HTML: 
  <td align="center" width="829" height="324" border="0" background="/2008/center.PNG">
<div id="13" align="left" style="position: relative; left: 33px; top: 0px; z-index: 2;"><iframe src="http://www.kermis-haarlem.nl/2008/nieuws.html" name=nieuws width="694" height="130" frameborder=0 scrolling="no" vspace="0" hspace="0" margin="0" marginwidth="0" marginheight="0"></iframe></div>
<div id="13" align="left" style="position: relative; left: 33px; top: 0px; z-index: 1;">
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="762" height="324" id="banneronderin" align="middle">
<param name="allowScriptAccess" value="sameDomain" /><param name="wmode" value="transparent">
<param name="movie" value="/2008/banneronderin.swf" />
<embed src="/2008/banneronderin.swf" quality="high" bgcolor="#C7E4FF" width="762" height="324" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</div>
</object>
  </td>

Alvast bedankt :)
 
justinos,
Probeer deze code eens in de plaats van uw table te zetten;
Code: 
</table>
<table width="832" height="324" align="center" id="table3" cellspacing="0" cellpadding="0" marginwidth="0" marginheight="0">
 <tr>
  <td align="center" width="829" height="324" border="0" background="/2008/center.PNG">
    <div id="13" align="left" style="position:absolute; left: 264px; top: 605px; z-index: 2;">
      <iframe src="http://www.kermis-haarlem.nl/2008/nieuws.html" name=nieuws width="694" height="130" frameborder=0 scrolling="no" vspace="0" hspace="0" margin="0" marginwidth="0" marginheight="0"></iframe>
    </div>
    <div id="13" align="left" style="position: relative; left: 33px; top: 0px; z-index: 1;">
    <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="762" height="324" id="banneronderin" align="middle">
      <param name="allowScriptAccess" value="sameDomain" />
      <param name="wmode" value="transparent">
      <param name="movie" value="/2008/banneronderin.swf" />
      <embed src="/2008/banneronderin.swf" quality="high" bgcolor="#C7E4FF" width="762" height="324" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />    
</object></td>
<td width="3"></td>
 </tr>
</table>
Doordat ik uw swf bestand niet kan downloden heb ik een beetje achter gegist om dat op zijn plaats te krijgen. Gewerkt met position absolute in plaats van position relative hoop dat het werkt.
Maar ik denk dat het bij een andere schermresolutie weer niet op dezelfde plaats zal terecht komen of bij mij
suc6.
 
Deze optie werkt inderdaad. Echter met een andere resolutie klopt het niet meer, doordat het scherm altijd horizontaal gecentreerd is. Zelf begrijp ik ook niet waarom het frame er niet gewoon overheen geplaatst wordt, zoals in de divjes aangegeven wordt. Ben bang dat dit niet gaat lukken.

Heb je wellicht nog een andere optie? Zo niet, in ieder geval heel erg bedankt voor je hulp :thumb:
 
justinos,
De volgende oplossing is uw site op linkerkant te plaatsen en niet in het midden dan klopt position absolute op ieder scherm, want dan start je op position absolute, top:0px; left 0px; en dat op ieder scherm.
 
'T is niet anders, heb het liever gecentreerd maar zie ook geen andere optie dan.

Bedankt voor al je hulp :thumb:
 
Status
Niet open voor verdere reacties.
                    Steun ons                    

Nieuwste berichten

Terug
Bovenaan Onderaan