Jag ska förklara hur man gör för att dela upp menyn i boxar.

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:15px;           
-webkit-border-top-right-radius:15px;
-webkit-border-bottom-left-radius:15px;
-webkit-border-bottom-right-radius:15px;

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

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

Var det något du inte förstod? Kommentera nedan eller mejla mig på [email protected]