Форум программистов [Powered by Invision Power Board]

Код

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd ">
<html xmlns="http://www.w3.org/1999/xhtml " lang="en" xml:lang="en">
<head>
  <title></title>
  <meta http-equiv="Content-type" content="text/html; charset=windows-1251" />
  <meta http-equiv="Content-Language" content="ru-ru" />
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <meta name="author" content="" />
  <link href="" media="screen" rel="stylesheet" type="text/css" />
  <link href="" media="print" rel="stylesheet" type="text/css" />
<style type="text/css">/*<![CDATA[*/
body { font-family: verdana, arial, sans-serif; font-size: 100%; behavior:url(csshover.htc); }
* { margin:0; padding:0; }
body div#listmenu ul li ul { display: none; }
body div#listmenu ul li ul li ul { visibility: hidden; top: -1px; left: 10em; }
div#listmenu { width: 100%;  
    float: left;
    border-top: 1px solid #006699;
    border-bottom: 1px solid #006699;
    font-family: "Arial narrow";
    font-size: .8em;
    background-color: #ccccff;
    margin-top: 20px; }
div#listmenu ul { margin: 0 0 0 0px; }
div#listmenu li { float: left; width: 10em; height: 16px;
    position: relative;
    list-style-type: none; 
    background-color: #ffffaa;
    border-right: 1px solid #006699; }
div#listmenu li:first-child { border-left: 1px solid #006699; }
div#listmenu li:hover { background-color: #ffffff; }
div#listmenu li:hover ul, div#listmenu ul li ul:hover { display: block; }
div#listmenu a { display: block; padding: 0 6px; text-decoration: none; color: #006699; /*background: url(00fon02.png); */
    background-position: 0px 0px; }
/*div#listmenu a:link { background-position: 0px 0px; } */
/*div#listmenu a:visited { background-position: 0px -17px; } */
div#listmenu a:hover { color: #ff3333; /*background-position: 0px -34px;*/ }
/*div#listmenu a:active { background-position: 0px -51px; } */
div#listmenu ul li ul { margin 0; position: absolute; width: 100%; left: -1px; }
div#listmenu ul li ul li { width: 100%;
    border-left: 1px solid #006699;
    border-bottom: 1px solid #006699;
    border-right: 1px solid #006699; }
div#listmenu ul li ul li:first-child { border-top: 1px solid #006699; }
div#listmenu ul li ul li:hover ul { visibility: visible; }
div#listmenu ul li ul li:hover ul li ul { visibility: hidden; }
div#listmenu ul li ul li ul li:hover ul { visibility: visible; }
* html div#listmenu ul { float: left;
    border-left: 1px solid #006699;
    margin-left: 0px; }
* html div#listmenu ul li ul { width: 0px; margin-left: 0px; border-top: 1px solid #006699; border-left: 0px;  }
* html div#listmenu ul li ul li { width: 10em; }

 
       
/*]]>*/</style>
  <script src="" type="text/javascript"></script>
</head>
<body>
  <!-HTML Code->
<div id="listmenu">
  <ul>
  <li><a href="#a1">А Первый</a>
    <ul>
    <li><a href="#a1-1">А Первый 1</a><ul></ul></li>
    <li><a href="#a1-2">А Первый 2</a><ul></ul></li>
    <li><a href="#a1-3">А Первый 3</a>
      <ul>
      <li><a href="#a1-1-1">А Первый 1-1</a><ul></ul></li>
      <li><a href="#a1-1-2">А Первый 1-2</a><ul></ul></li>
      <li><a href="#a1-1-3">А Первый 1-3</a>
        <ul>
        <li><a href="#a1-1-3-1">А Первый 1-3-1</a><ul></ul></li>
        <li><a href="#a1-1-3-2">А Первый 1-3-2</a><ul></ul></li>
        <li><a href="#a1-1-3-3">А Первый 1-3-3</a><ul></ul></li>
        <li><a href="#a1-1-3-4">А Первый 1-3-4</a><ul></ul></li>
        </ul></li>
      <li><a href="#a1-1-4">А Первый 1-4</a><ul></ul></li>
      </ul></li>
    <li><a href="#a1-4">А Первый 4</a><ul></ul></li>
    </ul></li>
  <li><a href="#a2">А Второй</a>
    <ul>
    <li><a href="#a1-1">А Второй 1</a><ul></ul></li>
    <li><a href="#a1-2">А Второй 2</a><ul></ul></li>
    <li><a href="#a1-3">А Второй 3</a><ul></ul></li>
    <li><a href="#a1-4">А Второй 4</a><ul></ul></li>
    </ul></li>
  <li><a href="#a3">А третий</a><ul></ul></li>
  <li><a href="#a4">А четвёртый</a><ul></ul></li>
  <li><a href="#a5">А пятый</a><ul></ul></li>
  </ul>
</div>
continue:  
</body></html>