Save File dengan nama "index.html"
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>WEB HMTI</title>
<link rel="stylesheet" type="text/css" href="css/seting.css" />
</head>
<body>
<div id="body p">
</div>
<table width="800">
<tr>
<td height="57" colspan="3"><img src="image/Graphic1.jpg" width="1037" height="114" /></td>
</tr>
<tr>
<td colspan="3">
<div id ="menu" >
<ul id="navlist" >
<li><a href=#>Home</a></li>
<li><a href=#>Product</a></li>
<li><a href=#>Cara Order</a></li>
<li><a href=#>Pembayaran</a></li>
<li><a href=#>About</a></li>
</ul>
</div>
</td>
</tr>
<tr>
<td width="306" height="273"> </td>
<td width="464"> </td>
<td width="482"> </td>
</tr>
<tr>
<td colspan="3"> </td>
</tr>
</table>
<p> </p>
</body>
</html>
Save File Berikut dengan nama "seting.css"
@charset "utf-8";
/* CSS Document */
table.tipis {
border-width: 1px;
border-spacing: 0px;
border-style: solid;
border-color: black;
border-collapse: collapse;
background-color: white;
}
table.tipis th {
border-width: 1px;
padding: 1px;
border-style: solid;
border-color: black;
/*background-color: white;*/
-moz-border-radius: 0px 0px 0px 0px;
}
table.tipis td {
border-width: 1px;
padding: 1px;
border-style: solid;
border-color: black;
/*background-color: white;/*/
-moz-border-radius: 0px 0px 0px 0px;
}
table.sample {
border-width: 2px;
border-spacing: 0px;
border-style: solid;
border-color:#999999
border-collapse: collapse;
background-color:#F6F6F6;
}
table.sample th {
border-width: 0px;
padding: 1px;
border-style: solid;
border-color: #999999;
/*background-color: white;*/
-moz-border-radius: 0px 0px 0px 0px;
}
table.sample td {
border-width: 0px;
padding: 1px;
border-style: solid;
border-color: #999999;
/*background-color: white;/*/
-moz-border-radius: 0px 0px 0px 0px;
}
.txtbox {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
border: thin solid #666666;
background-color:#FFFF66;
}
.kodebox {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-style:italic;
font-weight:bold;
border:none;
background-color:#f6f6f6;
}
.tombol {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #FFFFFF;
background-color:#006699;
border: thin solid #666666;
}
.style1 {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-style: italic;
font-size: 24px;
}
a:link {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #000000;
text-decoration: none;
}
a:visited {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #000000;
text-decoration: none;
}
a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #CCCCCC;
}
a:active {
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
color: #FF0000;
text-decoration: underline;
}
#menu ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}
#menu a
{
display: block;
padding: 3px;
width: 200px;
background-color:#03F;
border-left:1px #fff solid;
font-size:small;
}
#menu a:link, #navlist a:visited
{
color:#FFF;
text-decoration: none;
}
#menu a:hover
{
background-color:#0F9;
color:#000000;
cursor:pointer;
}
#menu li{
float:left;
text-align:center;
}
body p {
color:
#0FF;
}
.JPG)
0 komentar:
Posting Komentar