Sunday 28 August 2016

how to create menu using HTML and CS6

<head>
<style>
body {
margin: 0px 0px 0px 0px;
}
.v{
background-color:#630;
height:765px;
width:100%;
}
.header {
width:100%;
height:auto;
border : #39F thin solid;
clear:both;
}
.logo{
float:left;
width:38%;
height:auto;
border:black thick solid;
background-color:red;

}
.menu{
float:right;
width : 55%;
height:auto;
border:black thick solid;
background-color:#F00;
}
.menu ul{
list-style-type:none;
}
.menu ul li {
display:inline-block;
border:#F00 thin solid;
padding:5px;


}
.menu ul li a {

text-decoration:none;
color:black;
}



</style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>MENU</title>
</head>

<body>
<div class="v">
<div class="header"><!---Header start --->

<div class="logo">

<h2>Logo</h2>
</div>

<div class="menu">
<ul>
<li><a href="home.php">Home</a></li>
<li><a href="#">Menu</a></li>
<li><a href="#">About</a></li>
</ul>
</div>
<div style="clear:both"></div>
</div> <!--- Header end --->
<br /> <br /> <br />
<table width="100%" border="1">;
<tr>
<td width="40%" bgcolor="#FFFF00">LOGO</td>
<td width="50%" bgcolor="#FFFF00"><a href="home.php">Home</a>  <a href="">Menu</a></td>

</tr>
</table>

<div align="center">
<a href=""><h2>ELECTRONIC</h2></a>
<a href=""><H2>CAR</H2></a>
<a href=""><h2>EDUCATION</h2></a>
<a href=""><h2>JOB</h2></a>
<a href="home.php"><h2>back</h2></a>
</div>

</div>
</body>

No comments:

Post a Comment