foto html - css     . Div's - Div's aan de kant

Omschrijving    

Een div maken die aan de kant blijft zoals hier te zien is met mijn katjes doe je als volgt.    

In de css

.topkat {
position: fixed;
left:0px;
top: 0px;
width: 100%;
height: 157px;} .rightkat {
position: fixed;
right:0px;
top: 100px;
width: 156px;
height: 197px;}

.bottomkat {
position: fixed;
left:0px;
bottom: 0px;
width: 100%;
height: 157px;}

.leftkat {
position: fixed;
left:0px;
top: 100px;
width: 0px;
height: 197px;}

Tussen de bodytags

<div class="topkat">
<center>
<img src="img/kat2.png" alt="kat" width="197" height="156" align="absmiddle">
</center>
</div> <div class="rightkat">
<center>
<img src="img/kat4.png" alt="kat" width="156" height="197" align="absmiddle">
</center>
</div>

<div class="bottomkat">
<center>
<img src="img/kat.png" alt="kat" width="197" height="156" align="absmiddle">
</center>
</div>

<div class="leftkat">
<center>
<img src="img/kat3.png" alt="kat" width="156" height="197" align="absmiddle">
</center>
</div>

end
kat
kat
kat
kat
terug
home