Der gute, alte LAYER - relative |
| Die Befehl <relative> bezieht sich auf die Positionierung innerhalb der TABELLE und der Befehl <z-index> auf die Reihenfolge der Erscheinung im Bild. |
| So sieht´s aus |
|
HTML Knowhow ist einfach spitze.
Hier ist eine relativ positionierte Box
Der gute, alte LAYER findet in der Box eine Wiedergeburt |
| Quellcode |
<html>
<head> <style type="text/css"> #box1 {position: relative; height: auto; width: 200px; left: 200px; top: 10px; background-color:red; color:white; padding:10px; z-index:4} #box2 {position: relative; height: auto; width: 300px; left: 300px; top: -201px; background-color:green; color:black; padding:10px; z-index:2} #box3 {position: relative; height: auto; width: 400px; left: 100px; top: -152px; background-color:fuchsia; color:yellow; padding:10px; z-index:3} #box4 {position: relative; height: 300px; width: 300px; left: 250px; top: -20px; background-color:aqua; color:blue; padding:10px; z-index:1} </style> </head> <body > <div id="box1">HTML Knowhow ist einfach spitze.</div> <div id="box4"><img style="height: 300px;width:300px" alt="" src="../Bilder/htmllogo.png"> <div id="box2">Hier ist eine absolut positionierte Box</div> <div id="box3">Der gute, alte LAYER findet in der Box eine Wiedergeburt</div></div> </body> </html> |
Kontakt Datenschutz Impressum |