How can I use the control adapters in the following scenario

Aug 13, 2008 at 2:17 PM
Edited Aug 13, 2008 at 2:18 PM

Guys,

I am in a process of making a homepage to my site. I have an existing HTML template and I am changing it to asp.net Master page. I am having a hard time to change my Static HTML menu to Asp.net menu.

This is my static menu looks like

<div id="navtoplist">
   <ul>
      <li id="current"><a href="index.html">Home</a></li>
      <li><a href="layout-2.html">Projects</a></li>
      <li><a href="layout-3.html">Services</a></li>
      <li><a href="layout-4.html">Forum</a></li>
      <li><a href="layout-5.html">Chat</a></li>
      <li><a href="layout-6.html">About us</a></li>
      <li><a href="layout-7.html">Contact</a></li>
   </ul>
</div>

And the following CSS file excerpts are making it look like proper menu.

#navtoplist {
 padding: 0;
 width: 100%;
 background: transparent;
 voice-family: "\"}\"";
 voice-family: inherit;
}

#navtoplist ul {
 font: bold 13px arial;
 margin: 0;
 margin-left: 20px;
 padding: 0;
 list-style: none;
}

#navtoplist li {
 display: inline;
 margin: 0 2px 0 0;
 padding: 0;
}

#navtoplist a, #navtoplist a:link, #navtoplist a:visited {
 float: left;
 display: block;
 color: #fff;
 margin: 0 1px 0 0;
 padding: 5px 10px;
 text-decoration: none;
 letter-spacing: 1px;
 background: #333 url(../images/button.png) repeat-x;
 border-bottom: 1px solid #fff;
}

#navtoplist a:hover{
 background: #999;
}

#navtoplist #current a {
 background: #5190b2 url(../images/button_current.png) repeat-x;
 border-color: #5190b2;
}

So ho can I translate this into an asp menu item.Please help me.

Thanking you all.