Ik wil graag een afbeelding achter een andere krijgen,
Ik heb op de voorste afbeelding een viekantje dat transparant is (.png)
En een ander plaatje (foto .png) die achter het eerste plaatje moet. Maar hoe kan je met div's plaatjes achterelkaar zetten?
het is jouw feestje, moet ook met mijn bovenomschreven post werken.
Maar het wordt erg(!) rommelig zo.
Maar miss heb je hier wat aan;
<div style="margin-top: 10px; float: left; background: pink; width: 450px;">
<img src="/xxx/" style="width: 120px; height: 100px; float: left;" />
<div style="position: absolute; left: 20px; z-index: 111; margin-top: 20px; background: red;">
Dit ligt er nogeens overheen!
</div>
<div style="position: relative; float: left; width: 250px; margin-left: 15px;">
Dit is tekst .. Dit is tekst .. Dit is tekst ..
Dit is tekst .. Dit is tekst .. Dit is tekst ..
Dit is tekst .. Dit is tekst .. Dit is tekst ..
Dit is tekst .. Dit is tekst .. Dit is tekst ..
Dit is tekst .. Dit is tekst .. Dit is tekst ..
Dit is tekst .. Dit is tekst .. Dit is tekst ..
Dit is tekst .. Dit is tekst .. Dit is tekst ..
Dit is tekst .. Dit is tekst .. Dit is tekst ..
Dit is tekst .. Dit is tekst .. Dit is tekst ..
</div>
</div>
<br style="clear: both;" />
<div style="margin-top: 10px; float: left; background: pink; width: 450px;">
<img src="/xxx/" style="width: 120px; height: 100px; float: left;" />
<div style="position: absolute; left: 20px; z-index: 111; margin-top: 20px; background: red;">
Dit ligt er nogeens overheen!
</div>
<div style="position: relative; float: left; width: 250px; margin-left: 15px;">
Dit is tekst .. Dit is tekst .. Dit is tekst ..
Dit is tekst .. Dit is tekst .. Dit is tekst ..
Dit is tekst .. Dit is tekst .. Dit is tekst ..
Dit is tekst .. Dit is tekst .. Dit is tekst ..
Dit is tekst .. Dit is tekst .. Dit is tekst ..
Dit is tekst .. Dit is tekst .. Dit is tekst ..
Dit is tekst .. Dit is tekst .. Dit is tekst ..
Dit is tekst .. Dit is tekst .. Dit is tekst ..
Dit is tekst .. Dit is tekst .. Dit is tekst ..
</div>
</div>
ik heb het zo gedaan: http://83.87.98.211/kevin/portfolio.php
[html]
<div style='height: 150px; width: 150px; background: url(test.png);'>
<div class='protfolio_itemred'>
<div class='portfolio_title'>
<b><font color='White'>Photoshop</font> <font color='Black'>Twirl Effect</font></b>
</div>
<div class='portfolio_desc'>
Deze tekening heb ik gemaakt met Photoshop CS4, ik heb er ongeveer zo'n uurtje tijd in gestopt. Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla Bla
</div>
<div class='portfolio_footer'>
<a href='#' class='white'>Reageren (0 reacties)</a> | <a href='#' class='white'>Lees alles</a>
</div>
</div>
</div>
[/html]
