Starta Dreamweaver. Ladda ner bakgr.gif till mappen cssdiv
Öppna filen cssdiv.css
Förklaring:
Nu skall vi göra fler Container i den vi nyss gjorde.
Vi kallar dom header, nav, main och footer.
Lägg till nedanstående:
#header {
height: 80px;
background: #EEEEEE;
background-image: url(bakgr.gif);
}
#nav {
height: 20px;
background: #666666;
text-decoration: none;
}
#main {
height: 450px;
background: #EEEEEE;
margin-top: 0px;
top: 0px;
}
#footer {
height: 50px;
background: #999999;
font-size: 10px;
}
Spara
Öppna filen cssdiv1.html
Lägg till nedanstående direkt under <div id="container">
<div id="header"><br />
</div>
<div id="nav">
</div>
<div id="main">
</div>
<div id="footer"><br />
</div>
Ta bort Hejsan!
Spara