Dela upp menyn i boxar

 
 

Det är väldigt enkelt att dela upp menyn i så kallade "boxar". Tar inte alls lång tid och blir väldigt fint.
 
STEG 1:
Börja med att lägga till den här koden under #side i din stilmall.

#box { 
width: 180px; 
padding: 10px 10px 10px 10px; 
background: #FFFFFF; 
}

STEG 2:
Radera background på #side, eftersom den redan finns under #box. Ändrat även värdet i width: 180px; till samma värde som du har på width i #side. Alltså, om det står width: 200px; under #side så ska du ändra till width: 200px; under #box. Hoppas du förstår! 

STEG 3:
Dags att göra själva boxarna! Leta upp avsnittet <div id="side"> i kodmallen. Under där ska du klistra in koden här nedanför ↓ 

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

Du ska alltså lägga till <div id="box"> där du vill att boxen ska börja, och sedan lägger du till </div> där du vill att boxen ska sluta.Enkelt va?Sedan är det bara att göra boxar runt allt i menyn som du vill ska vara i boxar.

TILL SLUT
Om det är någonting som ser konstigt ut nu, så prova att ändra på width, margin och padding. Ser det fortfarande konstigt ut? Prova att göra om det och se så att du inte har missat något.

För er som hellre blir visade hur man gör så har jag gjort en video. Hoppas ni uppskattar den!



Något du inte förstår? Fråga gärna!