Tuesday, 3 September 2019

Simple static style.css

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