Wednesday, 27 April 2011

CSS menu's

As the main site uses CSS dropline menu's I needed to find a way in which to create a menu easily.

I found this example and edited it for my main site.

http://www.cssmenumaker.com/builder/menu_info.php?menu=066


Here is the edited verison:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional1.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head><title>Weapons of war</title>
<link href="css1.css" rel="stylesheet" type="text/css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>

<body>
<div class="Banner">
<img src = "Banner.jpg" alt=""/>

</div>

<div class="nav">
<div class="table">
<ul class="select"><li><a href="#"><b>WEAPONS</b></a>
<div class="select_sub">
<ul class="sub">
<li><a href="HK416.html">HK416</a></li>
<li><a href="M16A4.html">M16A4</a></li>
<li><a href="MK17.html">MK17</a></li>
<li><a href="L85A2.html">L85A2</a></li>
<li><a href="AK74.html">AK74</a></li>
</ul>
</div>
</li>
</ul>

<ul class="select"><li><a href="#"><b>EXPLOSIVES</b></a>
<div class="select_sub">
<ul class="sub">
<li><a href="AT4.html">AT4</a></li>
<li><a href="SMAW.html">SMAW</a></li>
<li><a href="Gustav.html">Carl Gustav</a></li>
<li><a href="LAW.html">LAW</a></li>
<li><a href="RPG7.html">RPG-7</a></li>
</ul>
</div>
</li>
</ul>


<ul class="select"><li><a href="#"><b>TANKS</b></a>
<div class="select_sub">
<ul class="sub">
<li><a href="T90.html">T90</a></li>
<li><a href="T72.html">T72</a></li>
<li><a href="Challenger.html">Challenger</a></li>
<li><a href="Leopard.html">Leopard</a></li>
<li><a href="Abrams.html">Abrams</a></li>
</ul>
</div>
</li>
</ul>


<ul class="select"><li><a href="#"><b>VEHICLES</b></a>
<div class="select_sub">
<ul class="sub">
<li><a href="Bradley.html">Bradley</a></li>
<li><a href="M113.html">M113</a></li>
<li><a href="Warrior.html">Warrior</a></li>
<li><a href="BTR80.html">BTR-80</a></li>
<li><a href="BMP3.html">BMP-3</a></li>
</ul>
</div>
</li>
</ul>

</div>
</div>

<div class="bar"></div>
</body>
</html>

No comments:

Post a Comment