Status
Niet open voor verdere reacties.
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
 

Quit

Steunend lid
Vip Lid
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;
}
 

Quit

Steunend lid
Vip Lid
Welke afbeelding bedoel je dan, ik ging van inhoud3.jpg uit en dan staat het filmpje er nu netjes boven.
 

Icemar

Steunend lid
Vip Lid
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>
 

Icemar

Steunend lid
Vip Lid
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.
Bovenaan Onderaan