Lagen binnen één div

Status
Niet open voor verdere reacties.

Merijnbosma

Gebruiker
Lid geworden
7 jun 2011
Berichten
189
Hallo,

Is het mogelijk om verschillende lagen te maken binnen 1 div? ik wil graag verschillende afbeeldingen over elkaar heen laten vallen. als ik dit doe over de gehele site dan zit je met het absolute gedeelte en de site zich dus niet aanpast aan het scherm.

Mvg Merijn
 
je kan een DIV in een DIV in een Div etc.etc. maken :D

dan krijg je dus

<div>
<div>laag 1
<div> laag 2
</div>
</div>
</div>

vb van mijn site: (http://www.mi-soft.webs.com)
HTML:
<div id="header">

	<div id="menu">

			<ul>



			



			<li class="current_page_item"><a href="http://www.mi-soft.webs.com">Home</a></li>



		



			<li><a href="http://www.mi-soft.webs.com/diensten.html">Tarieven</a></li>



			<li><a href = "http://www.mi-soft.webs.com/software.html">Software</a></li>



<li><a href = "http://www.mi-soft.webs.com/contact.html">Contact</a></li>



			

		</ul>



	</div>



</div>
 
bedoel je absoluut-gepositioneerde elementen binnen een relatief-gepositioneerd element? (deze zin is moeilijk)


Anyway, zoiets zou wel werken denk ik zo:

HTML:
<div>

   <img class='img1' src='...' />
   <img class='img2' src='...' />
   <img class='img2' src='...' />

</div>

Code:
div
{
   position: relative;
   overflow: hidden;
   width: 200px;
   height: 200px;
}

img
{
   position: absolute;
}

/* en dan de magie: */

.img1
{
   top: -50px;
   left: -50px;
}

.img2
{
   top: 100px;
   left: 100px;
}

.img3
{
   top: 75px;
   left: 25px;
}

zie bijlage:

--> laagjes1.png <--
 
Laatst bewerkt:
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan