logo Home Color Chart Chat HTML Editor E mail Google
Example 4
HTML
  Body
  Tables
  Marquee
  Lists
  Links
  Video
  Audio
  Text
  Forms
  Frames
  Buttons
CSS
  Body
  Tables
  Divs
  Links
  Video
  Float
  Text
  Navigation
  DropDown
  Buttons
chinito

Valid HTML 4.01 Transitional

Valid CSS!

CSS Div's Layout



Logo
PartyHtml Google Facebook Youtube
MENU 2
-Google
-Craigslist
-Youtube
-facebook
-Amazon
-Ebay
DIV 4 DIV 5
DIV 6


HTML CODE

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<style type="text/css">


div.container {
                        background-color: black;
                        border: 1px solid transparent;
                        margin: auto;
                        width: 900px;
                        height: 680px;
                        color: white; }

#lime {
                        width: 886px;
                        height: 50px;
                        border: 1px solid lime;
                        margin:5px;
                        color: white; }

#gold {
                        width: 886px;
                        height: 50px;
                        border: 1px solid yellow;
                        margin:5px;
                        clear: both;
                        color: white; }

#aqua{
                        border: 1px solid aqua;
                        float: left;
                        width: 140px;
                        height: 500px;
                        margin:5px;
                        color: white; }

#red {
                        border: 1px solid red;
                        float: left;
                        height: 500px;
                        width: 582px;
                        margin:5px;
                        color: white; }

#blue {
                        border: 1px solid blue;
                        float: left;
                        width: 140px;
                        height: 500px;
                        margin:5px;
                        color: white; }

#fuchsia {
                        width: 886px;
                        height:40px;
                        border: 1px solid blue;
                        margin: 5px;
                        clear: both;
                        color: white; }
</style>


</head>

<body>

<div class="container">


<div id="lime">

<img src="http://partyhtml.com/image/htmlwebsitelogo.png" height="45px" width="250px" alt="Logo">

</div>

<div id="gold">

<table border="0" cellspacing="10">
<tr>
<td width="120px" bgcolor="white" align="center">
<a href="http://www.partyhtml.com">PartyHtml</a>
<td width="120px" bgcolor="white" align="center">
<a href="http://www.google.com">Google</a>
<td width="120px" bgcolor="white" align="center">
<a href="http://www.facebook.com">Facebook</a>
<td width="120px" bgcolor="white" align="center">
<a href="http://www.youtube.com">Youtube</a> </td>
</tr>
</table>

</div>


<div id="aqua">

<table width="140px" cellspacing="10" align="center">
<tr>
<td bgcolor="gray" height="20px" align="center">MENU 2</td>
</tr>
<tr>
<td bgcolor="silver">
<a href="http://www.google.com" target="_top">
<font face="arial" size="3pt" color="white">-Google</font></a></td>
</tr>
<tr>
<td bgcolor="silver">
<a href="http://www.craigslist.com" target="_top">
<font face="arial" size="3pt" color="white">-Craigslist </font></a></td>
</tr>
<tr>
<td bgcolor="silver">
<a href="http://www.youtube.com" target="_top">
<font face="arial" size="3pt" color="white">-Youtube</font></a></td>
</tr>
<tr>
<td bgcolor="silver">
<a href="http://www.facebook.com" target="_top">
<font face="arial" size="3pt" color="white">-Facebook</font></a></td>
</tr>
<tr>
<td bgcolor="silver">
<a href="http://www.amazon.com" target="_top">
<font face="arial" size="3pt" color="white">-Amazon</font></a></td>
</tr>
<tr>
<td bgcolor="silver">
<a href="http://www.ebay.com" target="_top">
<font face="arial" size="3pt" color="white">-Ebay</font></a></td>
</tr>
</table>

</div>

<div id="red">Div 4</div>
<div id="blue">Div 5</div>
<div id="fuchsia">Div 6
</div>

</div>

</body>

<html>


Tip : Here is the table that represents our MENU 2

Click Here for more references
HTML Editor
Copy & Paste Here