Det är många som undrar hur man delar upp menyn i boxar. Jag ska förklara hur man gör.

Börja med att klistra in den här koden under div#side i stilmallen.

#box {
width: 180px;
padding: 5px 5px 5px 5px;
background: #FFFFFF;
margin-top: -3px;
margin-bottom: -1px;
}

Sedan måste du ta bort Background: #ffffff; på div#side eftersom du redan har background på #box.

Nu när du ska dela upp själva boxarna. Detta gör du i kodmallarna.

Klistra in denna koden under side i alla kodmallarna.

<div id="box">
innehållet i boxen här
</div><br />

Vill du ha fler boxar är det bara att använda koden igen. Ju fler <br /> du sätter efter koden desto mer mellanrum blir det mellan boxarna.

Vill du ha runda hörn på boxarna?

Då klistrar du in denna koden under #box i stilmallen.

-webkit-border-top-left-radius:5px;           
-webkit-border-top-right-radius:5px;
-webkit-border-bottom-left-radius:5px;
-webkit-border-bottom-right-radius:5px;

-khtml-border-radius-topleft:5px;
-khtml-border-radius-topright:5px;
-khtml-border-radius-bottomleft:5px;
-khtml-border-radius-bottomright:5px;

-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
}

Är det något du inte förstår så får du gärna mejla mig [email protected].