Tugas Rumah_modul4

07.17 | Label:

ini css-nya :



body {
margin: 10px auto;
width: 800px;
}

header,nav,section,footer {
display:block;
}

header {
height:70px;
width:800px;
background-image:url(header.gif);
}

nav{
float:left;
width:800px;
height:40px;
background:red;
}

section{
float:left;
width:800px;
height:517px;
}

sidebar {
float:left;
height:505px;
width:255px;
border:6px solid black;
}

sidebar2 {
float: right;
height:358px;
width:532px;
background:black;
}

sidebar3 {
float: right;
height:159px;
width:532px;
background:red;
}

footer {
width:800px;
clear:both;
height:38px;
background:black;
}

ul {
margin:0;
padding:0;
list-style: none;
}

ul li {
position: relative;
float: right;
width:65px;
}

li ul {
position: absolute;
top: 1px;
display: none;
}

ul li a {
display: block;
text-decoration:none;
line-height:2px;
color:red;
padding:7px;
background:black;
margin:1px 1px;
}

ini html-nya :

<!DOCTYPE HTML>
<html lang="en">

<head>
<title>>> Halla <<</title>
<link rel="stylesheet" href="style.css" type=text/css />
</head>

<body>

<header>
</header>

<nav>
<font size="3" face="cambria"><div align="center">
<ul id="nav">
<li><a href="">photos</a></li>
<li><a href="">tips</a></li>
<li><a href="">tutorial</a></li>
<li><a href="">news</a></li>
<li><a href="">home</a></li>
</ul>

<font color = "solid blue" SIZE="4" face="cambria">
<div align="left">
search
<input type=”search” name=”search” size="20" width="15">
</nav>

<section>
<sidebar>
<img src="12.jpg">
</sidebar>

<sidebar2>
<font color = "red" SIZE="2" face="cambria">
<br>
pesona cintamu menjamah jiwaku semoga kilau ini abadi untuk selamanya gelora selalu 
ku mau terbang dan tenggelam menjalani semua ini reguklah nafasku resapi denyutnya 
bawalah diri ini ke alam cinta nan abadi sambutlah kekasih
<br>
<br>pesona cintamu menjamah jiwaku semoga kilau ini abadi untuk selamanya gelora selalu 
ku mau terbang dan tenggelam menjalani semua ini reguklah nafasku resapi denyutnya 
bawalah diri ini ke alam cinta nan abadi sambutlah kekasih
<br>
<br>pesona cintamu menjamah jiwaku semoga kilau ini abadi untuk selamanya gelora selalu 
ku mau terbang dan tenggelam menjalani semua ini reguklah nafasku resapi denyutnya 
bawalah diri ini ke alam cinta nan abadi sambutlah kekasih
<br>-by : netral-
</sidebar2>

 <sidebar3>
<font color = "black" SIZE="4" face="cambria">
<br> --> kunjungi & follow &trade;
<font color = "black" SIZE="3" face="cambria">
<br><br><a href="http://www.facebook.com/"> Halla Puspaning Palupi</a>
<br><a href="http://vitrolic11.blogspot.com/"> vitrolic11.blogspot.com</a>
<br><a href="http://vitrolic11@yahoo.com/"> vitrolic11@yahoo.com</a>
</sidebar3>
</section>

<footer>
<font color = "white" SIZE="2" face="cambria"><div align="center">
Home | News dan Media | Tutorial | Tips dan Trik | Downloads
<br><font color = "red" SIZE="3" face="cambria"><div align="center">
&trade; Halla Puspaning Palupi - 209533421944 &trade;
</footer>

</body>
</html>





  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Diposting oleh HaLLa Puspaning Palupi

0 komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)