MyStyle Css.
body {
margin: 5px auto;
width: 1330px;
}
header{
height:70px;
/*border-top: 1px solid green;
border-right: 1px solid green;
border-left: 1px solid green;
border-bottom: 1px solid blue;*/
background-color:Black;
}
nav {
height:40px;
border-right: 1px solid black;
border-left: 1px solid black;
border-bottom: 1px solid black;
background-color:Red;
}
#navsearch {
float:left;
width:80px;
height:20px;
margin-top:5px;
margin-left:50px;
}
#navformsearch {
float:left;
margin-left:2px;
width:160px;
height:20px;
border:2px solid black;
margin-top:3px;
background-color:white;
}
#home {
float:right;
width:100px;
height:20px;
margin-right:400px;
border:1px solid black;
margin:2px;
text-align:center;
background-color:##e1d119;
}
#info {
float:right;
width:100px;
height:20px;
margin-right:400px;
border:1px solid black;
margin:2px;
text-align:center;
background-color:##e1d119;
}
#AboutUs{
float:right;
width:80px;
height:20px;
margin-right:400px;
border:1px solid black;
margin:2px;
text-align:center;
background-color:##e1d119;
}
#Download{
float:right;
width:100px;
height:20px;
margin-right:400px;
border:1px solid black;
margin:2px;
text-align:center;
background-color:##e1d119;
}
article {
/*margin:35px;*/
float:left;
width:292px;
height:492px;
background-image:url(Aku.png);
border:2px solid RED;
}
aside {
height:400px;
width:1018px;
float:left;
border: none;
/*margin-right:35px;
margin-top:35px;
margin-bottom:35px;*/}
#event {
height:95px;
width:1018px;
float:left;
border:none;
background-color:red;
/*margin-right:1px;
*/
}
footer{
height:30px;
border:1px solid #000000;
padding-left:500px;
background-image:url(footer.png)
#bawah {
float:left;
width:500px;
height:20px;
padding-left:100px;
border:1px solid white;
margin:2px;
text-align:center;
background-color:#ffffff;
}
}
a.html
<!doctype HTML>
<html lang="en">
<head>
<title>IMAGINE</title>
<link rel="stylesheet" href="mystyle.css" type= "text/css" />
<link rel="icon" href="ico.ico" type="image/x-icon" />
</head>
<body>
<header>
<h1><font face=courier new><font color=RED>Semua Tentang Apa Yang Anda Pikirkan</font></h1>
</header>
<nav><div id="navsearch">
<b>Search</b>
</div>
<div id="navformsearch">
</div>
<div id="Download">
<a href="Download.html"><font color=White>Download</font></a></div>
<div id="AboutUs">
<a href="AboutUs.html"><font color=White>AboutUs</font></a></div>
<div id="info">
<a href="info.html"><font color=White>info</font></a></div>
<div id="home">
<a href="home.html"><font color=White>Home</font></a></div>
</nav>
<section><div id="foto">
<article>
</article>
<aside>
<font face=courier new size=1>
<br><br>
Imagine there's no countries
<br>It isn't hard to do
<br>Nothing to kill or die for
<br>And no religion too
<br>Imagine all the people
<br>Living life in peace
<br>You may say that I'm a dreamer
<br>But I'm not the only one
<br>I hope someday you'll join us
<br>And the world will be as one
<br>Imagine no possessions
<br>I wonder if you can
<br>No need for greed or hunger
<br>A brotherhood of man
<br>Imagine all the people
<br>Sharing all the world
</font>
</aside>
</div>
<div id="event">
<b>Halaman Lain</b>
<font face=calibri color=#ffffff>
<ul>
<li><b><a href="sejarah.html"><font color= black>Sejarah Html</font></a></b>
<li><b><a href="Pembaca.html"><font color= black>Pembaca</font></a></b>
<li><b><a href="Tutorial.html"><font color= black>Tutorial Html 5</font></a></b>
</ul>
</font>
</div>
</section>
<footer>
<div id="bawah">
<a href="home.html">Home</a> | <a href="Info.html">Info</a> | <a href="AboutUs.html">AboutUs</a> | <a href="Download.html">Download</a>
</div>
</footer>
</body>
</html>
Hasil Tampilan