Hi Friends,
i m creating one web application in that application i need the structure like
(header)bike image(menu bar ll be appear on that image)
(footer) bike image
My code for menu bar:
----------------------
<html>
<head runat="server">
<title>MotoRace</title>
<style type="text/css">
ul {list-style-type:none; margin:0; padding:0; overflow:hidden;}
ul li {float:left;}
ul li a {display:block; text-decoration:none; text-align:center; padding:9px 20px 9px 20px; font-family:Arial; font-size:8pt; font-weight:bold; color:#ffffff; text-transform:uppercase; border-top:1px solid #9cbed2; border-right:1px solid #607987; border-left:1px solid #94b5c8; background: #7195aa url(bg.gif) repeat-x; text-transform:uppercase; letter-spacing:.08em}
ul li a:hover,
body#home .nav-home,
body#member .nav-member,
body#Photos .nav-Photos
body#Rider .nav-Rider,
body#Results .nav-Results,
body#News .nav-News,
body#Shop .nav-Shop,
body#Contact .nav-Contact
{color:#a2becf; border-top:1px solid #72a0ba; border-right:1px solid #2a4a5f; border-left:1px solid #8cb3c9; background: #3b6a85 url(bg2.gif) repeat-x; }
ul li a.first {border-left:0}
ul li a.last {border-right:0}
</style>
</head>
<body>
<ul>
<li class="first"><a id="nav-home" href="#" target="_self">Home</a></li>
<li><a id="nav-member" href="#" target="_self">Member Registration</a></li>
<li><a id="nav-Photos" href="#" target="_self">Photos & Videos</a></li>
<li><a id="nav-Rider" href="#" target="_self">Rider & Team</a></li>
<li><a id="nav-Results" href="#" target="_self">Results</a></li>
<li><a id="nav-News" href="#" target="_self">News</a></li>
<li><a id="nav-Shop" href="#" target="_self">Shop Now</a></li>
<li class="last"><a id="nav-Contact" href="#" target="_self">Contact Us</a></li>
</ul>
</body>
</html>
My image is contained on images-->bike.jpeg
how to add that in my code?