How to make 3 column CSS webpage with CSS code Dreamweawer CS 5 4 3 2 8 (English voice)

Channel:

hapa90

Subscribers:

731

Published on April 25, 2011 9:24:11 AM ● Video Link: https://www.youtube.com/watch?v=8S64HCOHcnE

Duration: 9:16

1,552 views

0

Okey here is litle longer vid with English voice, and CSS will be here:\n\n* {\n margin: 0px;\n padding: 0px;\n}\nbody {\n background-image: url(../Images/BG.jpg);\n}\n#Wrapper {\n height: auto;\n width: 800px;\n margin-right: auto;\n margin-left: auto;\n overflow: hidden;\n margin-top: 30px;\n}\n\n\n#Menu {\n background-image: url(../Images/menuBG.png);\n background-repeat: repeat;\n height: 50px;\n width: auto;\n}\n#Menu ul {\n font-family: Arial, Helvetica, sans-serif;\n font-size: 18px;\n color: #FFF;\n float: left;\n clear: right;\n padding-top: 10px;\n}\n#Menu ul li {\n display: inline;\n margin-left: 70px;\n margin-right: 70px;\n}\n#Menu ul li a {\n color: #FFF;\n text-decoration: none;\n}\n#Menu ul li a:hover {\n text-decoration: underline;\n}\n#MaincontentBorder {\n background-image: url(../Images/maincontentborderBG.png);\n height: auto;\n width: auto;\n border: 1px solid #000;\n}\n#Maincontent {\n height: auto;\n width: auto;\n overflow: hidden;\n border: 1px solid #000;\n margin: 20px;\n}\n#Leftbox {\n float: left;\n width: 370px;\n background-color: #CCC;\n height: auto;\n border-right-width: 1px;\n border-bottom-width: 1px;\n border-right-style: solid;\n border-bottom-style: solid;\n border-right-color: #000;\n border-bottom-color: #000;\n}\n#Leftbox p {\n font-family: "Courier New", Courier, monospace;\n font-size: 12px;\n padding: 10px;\n letter-spacing: 3px;\n}\n#Rightbox {\n height: auto;\n width: 370px;\n float: right;\n background-color: #CCC;\n border-bottom-width: 1px;\n border-left-width: 1px;\n border-bottom-style: solid;\n border-left-style: solid;\n border-bottom-color: #000;\n border-left-color: #000;\n}\n#Rightbox p {\n font-family: "Courier New", Courier, monospace;\n font-size: 12px;\n padding: 10px;\n letter-spacing: 3px;\n}\n#Centerbox {\n float: left;\n height: auto;\n background-color: #CCC;\n margin-top: 10px;\n border-top-width: 1px;\n border-right-width: 1px;\n border-left-width: 1px;\n border-top-style: solid;\n border-top-color: #000;\n border-right-color: #000;\n border-left-color: #000;\n width: 755px;\n}\n\n#Centerbox p {\n font-family: "Courier New", Courier, monospace;\n font-size: 12px;\n padding: 10px;\n letter-spacing: 3px;\n}\n\n#Footer {\n height: 100px;\n width: 800px;\n background-color: #79B8E5;\n border-right-style: solid;\n border-bottom-style: solid;\n border-left-style: solid;\n border-right-width: 1px;\n border-bottom-width: 1px;\n border-left-width: 1px;\n border-right-color: #000;\n border-bottom-color: #000;\n border-left-color: #000;\n margin-right: auto;\n margin-left: auto;\n}\n#Footer p {\n padding: 20px;\n font-family: "Courier New", Courier, monospace;\n font-size: 24px;\n text-align: center;\n letter-spacing: 3px;\n}