Udało się
Dzięki za pomoc.
<!DOCTYPE html>
<html>
<body>
<style>
body { margin: 0 auto; }
.box {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
background-color: white;
width:100%;
height:100%;
margin-top: -0.0em;
margin-left: em;
}
.container {
width:547px;
height:570px;
background-color: yellow;
position: relative;
}
.bdr {
webkit-box-shadow: inset 0px 0px 0px 4px red;
-moz-box-shadow: inset 0px 0px 0px 4px red;
box-shadow: inset 0px 0px 0px 4px red;
}
.salon {
width: 204px;
height: 475px;
position: absolute;
top: 96px;
z-index: 2;
background-color: #e1c47f;
}
.jadalnia {
width: 204px;
height: 100px;
position: absolute;
top: 292px;
z-index: 2;
background-color: ###;
}
.kuchnia {
width: 204px;
height: 133px;
position: absolute;
top: 435px;
z-index: 2;
background-color: ###;
}
.sypialnia {
width: 200px;
height: 200px;
position: absolute;
left: 200px;
z-index: 2;
background-color: #e1c47f;
}
.holl {
width: 200px;
height: 243px;
position: absolute;
top: 196px;
left: 200px;
z-index: 2;
background-color: #e1c47f;
}
.garderoba {
width: 150px;
height: 100px;
position: absolute;
z-index: 2;
background-color: #e1c47f;
}
.lazienka2 {
width: 150px;
height: 100px;
position: absolute;
top: 96px;
z-index: 2;
background-color: #e1c47f;
}
.wiatrolap {
width: 150px;
height: 94px;
position: absolute;
top: 435px;
left: 200px;
z-index: 2;
background-color: #e1c47f;
}
.taras {
width: 200px;
height: 96px;
position: absolute;
top: 0px;
left: 0px;
z-index: 3;
background-color: white;
}
.ganek {
width: 142px;
height: 42px;
position: absolute;
top: 529px;
left: 204px;
z-index: 3;
background-color: white;
}
.lazienka1 {
width: 152px;
height: 125px;
position: absolute;
left: 396px;
z-index: 2;
background-color: #e1c47f;
}
.biuro {
width: 152px;
height: 200px;
position: absolute;
top: 121px;
left: 396px;
z-index: 2;
background-color: #e1c47f;
}
.pralnia {
width: 152px;
height: 95px;
position: absolute;
top: 317px;
left: 396px;
z-index: 2;
background-color: #e1c47f;
}
.pokoj {
width: 202px;
height: 165px;
position: absolute;
top: 408px;
left: 346px;
z-index: 1;
background-color: #e1c47f;
}
.drzwi_dom {
width: 40px;
height: 4px;
position: absolute;
top: 525px;
left: 258px;
z-index: 4;
background-color: #e1c47f;
}
.drzwi_wiatrolap {
width: 40px;
height: 4px;
position: absolute;
top: 435px;
left: 258px;
z-index: 4;
background-color: #e1c47f;
}
.drzwi_salon {
width: 4px;
height: 43px;
position: absolute;
top: 392px;
left: 200px;
z-index: 4;
background-color: #e1c47f;
}
.drzwi_lazienka2 {
width: 4px;
height: 40px;
position: absolute;
top: 320px;
left: 346px;
z-index: 4;
background-color: #e1c47f;
}
.drzwi_lazienka1 {
width: 4px;
height: 40px;
position: absolute;
top: 15px;
left: 396px;
z-index: 4;
background-color: #e1c47f;
}
.drzwi_gabinet {
width: 4px;
height: 40px;
position: absolute;
top: 230px;
left: 396px;
z-index: 4;
background-color: #e1c47f;
}
.drzwi_pralnia {
width: 4px;
height: 40px;
position: absolute;
top: 345px;
left: 396px;
z-index: 4;
background-color: #e1c47f;
}
.drzwi_sypialnia {
width: 38px;
height: 4px;
position: absolute;
top: 196px;
left: 354px;
z-index: 4;
background-color: #e1c47f;
}
.drzwi_garderoba {
width: 38px;
height: 4px;
position: absolute;
top: 196px;
left: 262px;
z-index: 4;
background-color: #e1c47f;
}
.drzwi_pokoj {
width: 40px;
height: 4px;
position: absolute;
top: 435px;
left: 353px;
z-index: 4;
background-color: #e1c47f;
}
</style>
<div class="box">
<div class="container">
<div class="taras"> </div>
<div class="salon bdr"> </div>
<div class="jadalnia"> </div>
<div class="kuchnia"> </div>
<div class="sypialnia bdr"> </div>
<div class="holl bdr">
<div class="garderoba bdr"> </div>
<div class="lazienka2 bdr"> </div>
</div>
<div class="wiatrolap bdr"> </div>
<div class="ganek"> </div>
<div class="lazienka1 bdr"> </div>
<div class="biuro bdr"> </div>
<div class="pralnia bdr"> </div>
<div class="pokoj bdr"> </div>
<div class="drzwi_dom"> </div>
<div class="drzwi_wiatrolap"> </div>
<div class="drzwi_salon"> </div>
<div class="drzwi_lazienka2"> </div>
<div class="drzwi_lazienka1"> </div>
<div class="drzwi_sypialnia"> </div>
<div class="drzwi_garderoba"> </div>
<div class="drzwi_gabinet"> </div>
<div class="drzwi_pralnia"> </div>
<div class="drzwi_pokoj"> </div>
</div>
</div>
</body>
</html>
Ten post edytował david8213 27.02.2021, 12:04:01
[CSS]Schamet z DIV-ów
24.02.2021, 12:41:26
david8213 [CSS]Schamet z DIV-ów 24.02.2021, 12:41:26 
