body {
margin : 10px auto;
width : 750px;
}
header, nav1, section, footer,article , aside, nav2, nav3 {
display:block;
border:1px solid blue;
}
header {
background-image:url(biru.png);
height : 80px;
}
nav1 {
padding:10px;
background-image:url(muda.png);
height:50px;
}
nav2{
background-image:url(muda.png);
margin-top:190px;
height:150px;
width:460px;
}
nav3{
float:right;
margin-bottom:5px;
height:10px;
width:500px;
}
section {
padding : 20px;
margin : auto;
height:370px;}
article {
float : left;
width : 230px;
height: 347px;
border:5px solid blue;}
aside {
float : right;
width : 460px;
height: 347px;
border:1px solid blue;}
footer{
background-image:url(biru.png);
clear:both;
height:50px;
width:748px;
}
ul {
margin: 0;
padding: 0;
list-style: none;
}
ul li {
position: relative;
float: left;
width: 100px;
}
li ul {
position: absolute;
top: 30px;
display: none;
}
ul li a {
font-family:Vendana;
display: block;
text-decoration: none;
line-height: 20px;
color: white;
padding: 5px;
background: blue;
margin: 0 2px;
}
</body>
</html>
ini wilis.html
<!DOCTYPE html>
<html lang="en">
<head>
<title></title>
<link rel="stylesheet" href="wilis.css" type=text/css />
</head>
<body>
<header>
<img src="UM.png" width="390" align="center" />
</header>
<nav1>
<tr>
<td><font color="blue">  Search </td>
</tr>
<input type="text" />
<link href="style.css" rel="stylesheet" type="text/css">
<ul id="nav1">
<nav3>
<li align="center"><a href="">Home</a></li>
<li><a href="">News&Media</a></li>
<li><a href="">Tutorials</a></li>
<li><a href="">Tips&Triks</a></li>
<li><a href="">Download</a></li>
</ul>
</nav3>
</nav1>
<section>
<article>
<img src="Eyang.png" width="230" align="center" />
</article>
<aside>
<nav2>
<p>
  Event: <ol><li><a href="indext.html"> Lomba Manjat Monas</a></li>
<li><a href="indext.html">Audisi Mahasiswa Kucel</a>
<li><a href="indext.html">Lomba Menyanyi Fales</a>
<li><a href="indext.html">Wisuda PTI'09 Off C</a></ol>
</nav2>
</aside>
</section>
<footer>
<ul>
<a href="">Home</a>
<a href="">News&Media</a>
<a href="">Tutorials</a>
<a href="">Tips&Triks</a>
<a href="">Download</a>
</ul>
</footer>
</ body>
</html>
Tidak ada komentar:
Posting Komentar