Dengan koding seperti berikut :
<html>
<head>
<title></title>
</head>
<style type="text/css">
#Master {
width:800px;
max-width:800px;
max-height:700px;
display: block;
background-color: #EEEEEE;
position:relative;
margin:auto;
}
#LogoHeader {
display:inline-block;
vertical-align:top;
width:490;
}
#judul {
display:inline-block;
vertical-align:bottom;
text-align:right;
}
#divMenu {
background-color:#8ADFF2;
width:800px;
height:20px;
}
#Menu {
width:32%;
display:inline-block;
color:#11158A;
text-align:center;
}
#Tab {
width:740px;
background-color:white;
}
.TabKiri {
width:170px;
height:460px;
max-height:460px;
background-color:#E6F9FC;
text-align:center;
}
#TabKiri {
width:170px;
color:white;
background-color:#08089C;
vertical-align:top;
}
.TabTengah {
vertical-align:top;
margin-left:200px;
margin-top:-450px;
width:300px;
color:black;
background-color:white;
display:inline-block;
}
#imgcontactus {
display:inline-block;
vertical-align:top;
}
.TabKanan {
vertical-align:top;
margin-left:630px;
margin-top:-460px;
width:170px;
height:460px;
background-color:#E6F9FC;
}
#divCopyright {
width:800px;
height:20px;
color:black;
background-color:#8DF29A;
font-size:13px;
}
</style>
<div id="Master">
<div>
<!-- Baris Pertama -->
<div id="LogoHeader">
<img src="../kuis 3/lolo.jpg" width="200" height="200" />
</div>
<div id="judul">
<h1> Bening Inside </h1>
</div>
</div>
<!-- Baris Kedua -->
<div>
<div id="divMenu">
<div id="Menu">
<a href="../kuis 3/kuis 3.html"><b>Home >></b></a>
</div>
<div id="Menu">
<a href="../kuis 3/contact us.html"><b>Contact Us >></b></a>
</div>
<div id="Menu">
<a href="../kuis 3/sign up.html"><b>Sign up >></b></a>
</div>
</div>
</div>
<!-- Baris Ketiga -->
<div class="TabKiri">
<div id="TabKiri">
<b> Nonton aja </b>
<iframe width="170" height="200" src="../kuis 3/random.mp4" frameborder="0" ></iframe>
</div>
<br />
<hr size="2" color="grey">
<div id="TabKiri">
<b> Denger aja </b>
<embed src="../kuis 3/akb48.mp3" width="170" height="50" autostart="false" allowfullscreen="false" allowscriptaccess="always"></embed>
</div>
<hr size="2" color="grey">
</div>
<div class="TabTengah">
<div id="imgcontactus">
<img src="../kuis 3/snsd 6.jpg" width="400" height="350" />
</div>
</div>
<div class="TabKanan" align="center">
<b>Ayo berteman :</b>
<br />
<a href="http://www.facebook.com/christoforus.armando"><img class="imgmenu3" src="../kuis 3/facebook.jpeg" width="160" height="60"/></img></a>
<br />
<a href="https://twitter.com/christ_armando"><img class="imgmenu3" src="../kuis 3/twitter.jpeg" width="160" height="60"/></img></a>
<br />
<a href="https://plus.google.com/u/0/106175804996467323774/posts"><img class="imgmenu3" src="../kuis 3/google_plus.jpeg" width="160" height="60"/></img></a>
</div>
<div id="divCopyright" align="center">
<b>Copyright©2012<b>
</div>
</div>
</html>
Jika ada yang ingin ditanyakan, silakan komentar. Terima kasih :)
Tidak ada komentar:
Posting Komentar