Diberdayakan oleh Blogger.
RSS
Post Icon

Sweet Pastel

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Post Icon

Layout Web html.css

FILE HTML:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>PASSION of FASHION</title>
    <link rel="stylesheet" type="text/css" href="style/style.css">
</head>

<body>
<div id="wrapper">
        <div id="header">
            <img src="assets/14.png" width="875" height="380" hspace="10" vspace="10" align="absmiddle">
        </div>
        <div id="menu">
            <ul>
                <li><a href="Project1.php">Home</a></li>
                <li><a href="Project1.php">Mix & Match</a></li>
                <li><a href="Project1.php">Contact Us</a></li>
            </ul>
        </div>
        <div id="content"></div>
        <div id="footer"></div>
    </div>
</body>
</html>



FILE CSS:

@charset "utf-8";
/* CSS Document */

body{
    background-color:#303;
}

#wrapper {
    width:900px;
    margin-left:auto;
    margin-right:auto;
}
#wrapper #header {
    height:400px;
    weight:auto;
    background-color:#333;
}

#wrapper #menu {
    height:30px;
    background-color:#FC9;
}
#wrapper #menu ul {
    list-style:none;
    margin:opx;
    padding:opx;
}
#wrapper #menu li {
    float:left;
    height:50px;
    weight:100px;
    text-alight:center;
    font-weight:bold;
    line-height:45px;
}
#wrapper #menu a {
    height:50px;
    font-family:"Comic Sans MS", cursive;
    font-sixe:18px;
    color:#930;
    display:block;
    text-decoration:blink;
}

#wrapper #content {
    height:600px;
    background-color:#96F;
}

#wrapper #footer {
    height:50px;
    background-color:#F90;
}


HASIL LAYOUT:

Header

Center

Footer

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS