Rocky Rocky

Rocky Rocky

  • NA
  • 317
  • 151.2k

How to add background images for these code

Nov 11 2013 2:41 AM
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?


Answers (2)