Probleem met youtube positioneren.

Status
Niet open voor verdere reacties.
D

devil1570

Hey , sinds kort had ik voor school een opdracht te maken.
Maar het probleem is juist nu dat ik er een youtube filmpje bij moest zetten.
op een of andere manier blijft deze uit de DIV staan waar hij eigenlijk in zou moeten zitten

foutesite.jpg

Deze moet nu eigenlijk boven de "image" komen te staan.

HTML :

<div id="sidebar1"><img src="http://www.pctuts.be/images/inhoud3.jpg" width="1024" height="280" alt="inhoud1" />

<div id="youtubeclip">
<object width="492" height="250">
<param name="movie" value="http://www.youtube.com/v/YHn8unJK3KQ?version=3&hl=nl_NL"></param>
<param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/YHn8unJK3KQ?version=3&hl=nl_NL" type="application/x-shockwave-flash"
width="492" height="250" allowscriptaccess="always" allowfullscreen="true"></embed></object>
</div>

</div>

CSS:

.thrColHybHdr #youtubeclip {
margin-top: -100;
margin-right: 0px;
margin-bottom: 0;
margin-left: 400px;
float: right;
position:absolute;
}
}

.thrColHybHdr #sidebar1 {
background: none;
width:1024px;
height:280px;
position:absolute;
}

Zou iemand me kunnen helpen zodat deze boven deze image komt testaan?

Mvgr,
Alexandre Luypaert
 
Zoiets misschien

HTML: 
<object width="492" height="250">
 <param name="movie" value="http://www.youtube.com/v/YHn8unJK3KQ?version=3&hl=nl_NL"></param> 
<param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param>
 <embed src="http://www.youtube.com/v/YHn8unJK3KQ?version=3&hl=nl_NL" type="application/x-shockwave-flash" 
width="492" height="250" allowscriptaccess="always" allowfullscreen="true"></embed></object> 
<div id="sidebar1"><img src="http://www.pctuts.be/images/inhoud3.jpg" width="1024" height="280" alt="inhoud1" />
 
<div id="youtubeclip">
  </div> 
</div>
 
CSS: 
.thrColHybHdr #youtubeclip {
 margin-top: -100;
 margin-right: 0px;
 margin-bottom: 0;
 margin-left: 400px;
 float: right;
 position:absolute;
 } 
} 
.thrColHybHdr #sidebar1 {
 background: none;
 width:1024px;
 height:280px;
 position:absolute;
 }
 
Dit heeft nog steeds hetzelfde effect dat deze video niet boven de afbeelding wilt komen.

Maar nu ipv. dat deze onder " inhoud3 " staat , staat de Youtube-video erboven.

Zelf heb ik geprobeerd met een Z-index: 2; te plaatsen in m'n css:
.thrColHybHdr #youtubeclip {
margin-top: -100;
margin-right: 0px;
margin-bottom: 0;
margin-left: 400px;
float: right;
position:absolute;
z-index: 2;
}
 
Welke afbeelding bedoel je dan, ik ging van inhoud3.jpg uit en dan staat het filmpje er nu netjes boven.
 
je moet aan je object nog iets toevoegen

wmode=opaque of wmode=transparent.
is net welke je wilt gebruiken

HTML: 
  <object width="492" height="250">
 <param name="movie" value="http://www.youtube.com/v/YHn8unJK3KQ?version=3&hl=nl_NL"></param> 
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param>
<param name="wmode" value="transparent"></param>
 <embed src="http://www.youtube.com/v/YHn8unJK3KQ?version=3&hl=nl_NL" type="application/x-shockwave-flash" 
width="492" height="250" allowscriptaccess="always" allowfullscreen="true" wmode="transparent"></embed></object>
 
Die laat toe dat je transparant kan zien of je kan er iets overheen leggen.
Sommige browsers hebben dat nodig.
 
Ik heb het opgelost door de afbeelding te verkleinen zodat deze en de video samen 1024 px is .. Hiermee is het probleem dan ook opgelost .

Bedankt voor alle moeite !

grtz,
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan