contentcss

CSS–PracticeCSSLayoutsInthisexerciseyouwillhaveanopportunitytoworkthroughthechallengesoflayingoutawebpageusingCSS.
YouwillbeginwiththeHTMLfilethatwillappearastheoneontheleftandaddallrequiredHTMLandCSStoproducethelayoutontheright.
Thisishowthepagewilllookatthestart.
Thisiswhatyouareaimingtoachieveuponcompletion.
Downloadtheexercisefileshere:exercise.
zipYoucanviewalargersampleofthecompletedpagehere:viewsampleHerearesomeadditionaldetails:1.
Dividethecontentusingdivtagsinto:a.
Headerb.
Navigationc.
Contentd.
Rightpanele.
Footer2.
Theoverallpageshould:a.
HaveaBackgroundcolorsetto666666b.
UsethefontfamiliesArial,Helvetica,Sans-Serifc.
Haveafontsizeof90%3.
Alldivsshould:a.
Haveatopmarginof6pixelsb.
Paddingof6pixelsc.
A1pixelsolidblackborder4.
Theheaderdivshould:a.
Haveabackgroundcolorof990000b.
Haveawidthof779pixels5.
Thenavigationdivshould:a.
HaveabackgroundcolorofCCCCCCb.
Haveawidthof779pixels6.
Thefooterdivshould:a.
HaveabackgroundcolorofCCCCCCb.
Haveawidthof779pixelsc.
Haveatextalignmentsettocenterd.
Useastyleofclear:left(thiswillbenewtoyou)7.
Thecontentdivshould:a.
Haveabackgroundcolorof999999b.
Haveawidthof464pixelsc.
Haveabottommarginof6pixelsd.
Floattotheleftoftherightpaneldiv8.
Therightpaneldivshould:a.
Haveabackgroundcolorof999999b.
Haveawidthof295pixelsc.
Havealeftmarginof484pixelsIntheComments/Suggestionsareathetext'letusknow'shouldhaveanemaillink.
Useanyemailaddress.
Forthehyperlinksinthenavigation,usepoe.
html,shelley.
htmlandstoker.
htmlrespectively.
Copyright2009DigitalVertebraeAllRightsReserved.