Archief - xHTML/CSS: Z-Index

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
M

Microwaver

Legacy Member
Hallo gasten.

Ben een beetje aan het prutsen met een site en ik ben op een of ander moeiklijkheid gestoten.

http://users.telenet.be/DeTrekBeiren/qwiiTabel/index.html


Jullie zien allemaal het lichtbluawe rechthoekige vakje onder de bomen staan.
Die zou eigenlijk gepositioneerd moeten worden boven '>>Het heet van de naald komt hier, verdwijnt of schuift voorbij ...'

Het ligt aan de z-index, die kloppen maar wsl moet er in de div waar beiden instaat nog iets aan de 'positioning' aangepast worden of zo?

ben me hier nu al een tijdje op aan het blindstaren en een tweede oog ziet beter.


Op voorhand dank
M

Microwaver

Legacy Member
Ik bedoel de lichtblauwe div met tekst : "LICHTKRANT", die over de banner moet komen
M

Microwaver

Legacy Member
Ok, in een aparte pagina kan ik gedaan krijgen wat ik wil.

dat is het volgende

Code: 
<!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>



<head>
<style type="text/css">
<!--

.layer1 {
position : absolute ;
left : 50px ;
top: 20px ;
z-index : 1 ;
}
.layer2 {
position : absolute ;
left : 50px ;
top: 171px ;

width:430px;
left:357px;
heigt:20px;
z-index : 2 ;
}

-->
</style>

</head>




<body>


<img src="images/TurnhoutVooruit_Banner.gif" class="layer1"/>
<div class="layer2">LICHTKRANT</div>

</body>
</html>

Maar als ik dit 'implementeer' in m'n hele pagina gaat hij er nog altijd gewoon onder staan.

Any suggestions?
U

UnD3RD0G

Legacy Member
plaats uw div die ge wilt laten zweven als eerste element in uw body, met een absolute positioning.
dan houd hij geen rekening met andere elemente, en zou die normaal boven alles moeten hangen, tenzij ge in uw site gebruikt maakt van absolute positioning. ( wat niet zou moeten / mogen )
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan