Volledige versie bekijken : Layer of Div ?



teken
21 May 2009, 21:55
Een Vraagje ,

Hoe krijg ik een stukje foto boven een flash gedeelte.?

zie link http://www.daimen.be/Untitled-1.html

ik zou als voorbeeld ; deze foto een stuk naar onderen willen over de flash movie dus.

dus de Flash movie zal voor een stuk achter de foto zitten.

" ik kom er maar niet aan uit. "

roeba123
21 May 2009, 22:30
Ik kan u daar niet echt bij helpen.
Maar kheb even naar je ontwerp.html gekeken en ik moet eerlijk zeggen 't ziet er prachtig uit!
Je designs zijn echt prachtig

Dit even ter zijde

Pjj
21 May 2009, 23:00
Stel je html is:


<div id="foto">
<img src="#" alt="Foto" />
</div>
*flash movie*


Plaats dan in je CSS:


#foto, #foto img {
z-index: 50;
}

teken
22 May 2009, 03:36
zie eens http://www.daimen.be/test.html

mijn ship zit achter de flash movie.
zou moeten het omgekeerde zijn,

hm..

Butterflyice
22 May 2009, 07:34
Alleen de z-index aanpassen werkt niet.
Maar dit moet wel werken


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
width:274px;
height:483px;
z-index:999;<!-- aangepast-->
left: 226px;
top: 73px;
}
Layer2 {
position: absolute;
left: 414px;
top: 16px;
width: 475px;
height: 552px;
z-index: 1;
vertical-align: middle;
}
-->
</style>
</head>
<body>
<div id="Layer2">
<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="475" height="550" align="right">
<param name="movie" value="imp1.swf" />
<param name="quality" value="high" />
<param name= "wmode" value="transparent" /><!-- toegevoegd-->
<embed src="imp1.swf" width="475" height="550" align="right" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>
</object></div>
<div id="Layer1"><img src="pallada-tall-ship.gif" width="294" height="434" /></div>
</body>
</html>

teken
22 May 2009, 21:31
oke het werkt,

-klein vraagje.

z-index: 1; en z-index:999;

Dus staat z-index:999; als het gewenste object moet ook de voorgrond ?
daarmee 999 ?


kzou het willen kennen , maar ne Ganse boek ervoor kopen :[
mss ergens een kortuitgelegde tut ?

waar z-index:999; en z-index:1; voor staat.

Thnx , het werkt perfect in iedergeval,

Butterflyice
23 May 2009, 00:00
Hoe hoger het getal achter de z-index hoe hoger hij staat in de lagen
meer is het niet.
Ik had er ook 2 of 50 van die 999 kunnen maken dan had het ook gewerkt
Zolang het maar hoger is van de andere z-index die je als achter wilt gebruiken.