<html xlmns="htt<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional.dtd">
<html xlmns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>Coba Desain Layout</title>
<link rel="stylesheet" href="depii.css" type="text/css"/>
</head>
<body>
<div id="wrapper">
<div id="header">
<div id=”loginku”>
<img src="fb.jpg", div align="left">
<div align="right">
<table class="table1", width="500"><br>
<tr>
<td>Email <br><input name=”nama” size=”21" type=”text”/>
<br><input type="checkbox" value="true"> Biarkan saya tetap masuk </td>
<td>Password <br><input name=”pass” size=”20" type=”text”/>
<br>Lupa password ? </td>
<td><a href="home.html"><img src="1.jpg", height="16px", border="#87bbfb"></a></td>
<td><img src="b2.jpg", height="15px"></td></tr></table>
</div>
</div>
</div>
<div id="content">
</div>
<div id="footer">
<div class="cred">
copyright © Devi Putri Aisyiyah
</div></body>
</html>
depii.css
#wrapper {
margin:auto;
width: 1000px;
border: 1px solid white;
}
#header{
height: 90px;
background: #87bbfb;
}
#loginq {
float: right;
height: 30px;
font-weight:bold;
}
#content {
float: right;
width: 1000px;
height: 420px;
background-image: url(bg.jpg);
background-position: center top;
background-repeat: repeat-x;
}
#footer {
clear: both;
height: 30px;
background: #87bbfb;
}
.cred {
font-family: comic sans ms;
font-size: 16px;
text-align: left;
font-weight: bold;
color: #FFFFFF;
padding: 5px 5px 5px 5px;
}
.pic {
padding: 1px 5px 5px 1px;
}
.table1 {
font-family: comic sans ms;
font-size: 10px;
text-align: left;
color: #FFFFFF;
border: 0px;
}
screen shot face-mu
Tidak ada komentar:
Posting Komentar