Index.html
<!--- code start for index page -->
<html><head>
<title>Test Style css</title>
<LINK href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<div id ="wrapper">
<div id ="header">
<div id ="logo"></div></div>
<div id ="navbar"></div>
<div id ="container">
<div id ="left-panel"></div>
<div id ="right-section"></div>
</div>
<div style="clear:both"></div>
<div id ="footer"></div>
</div>
</body></html>
<!--- code end for index page -->
<!--- code start for style page -->
/**autor raj **/
*{padding:0; margin:0;}
#wrapper{padding:10px;}
#header{height:100px; background-color:#f1c233; padding:10px;}
#logo{width:150px; height:100px;background-color:#a20b32;}
#navbar{height:50px;background-color:#758209; margin-top:10px;}
#container{margin-top:10px;}
#container :: after{content: " "; display:block; clear:both;}
#left-panel{width:25%; height:600px; background-color:#eda150;float:left;}
#right-section{width:74%; height:600px;background-color:#bcc92b; float:right;}
#footer{height:100px;background-color:#79d17b; margin-top:10px;}
<!--- code end for index page -->
No comments:
Post a Comment