menu

Thursday, October 17, 2013

menu татаж аваарай

<style type="text/css"> #vicnav { background:#314CED; border-bottom: 5px solid #993300; border-top: 1px solid #e14d09; clear: both; overflow: hidden; } #vicnav ul { float: left; width: 100%; } #vicnav li { float: left; list-style-type: none; } #vicnav li a { background:#1664E6; color: #fff; display: block; font-size: 14px; padding: 5px 17px 5px 15px; position: relative; text-decoration: none; } #vicnav li a:hover { background:#2DD8F7; color: #fff; } #vicnav li li a { background: none; background-color: #1832D2; border: 1px solid #990000; border-top-width: 0; color: #fff; font-size: 14px; padding: 5px 10px; position: relative; text-transform: none; width: 130px; } #vicnav li li a:hover { background: none; background-color: #CC0000; } #vicnav li ul { height: auto; left: -9999px; margin: 0 0 0 -1px; position: absolute; width: 160px; z-index: 9999; } #vicnav li:hover ul { left: auto; } </style>

<ul id="vicnav">
<li ><a href="#" >Нүүр</a></li>
<li ><a href="#" >Танилцуулга</a></li>
<li ><a href="#" >Мэдээ, мэдээлэл</a></li>
<li ><a href="#" >Заадаг хичээл</a>
<ul >
<li ><a href="#" >Мэдээллийн технологи, мэдээллийн систем</a></li>
</ul>
<!--li close of Заадаг хичээл-->
<li ><a href="#" >Бие даалт</a>
<ul>
<li ><a href="#" >I дамжаа</a></li>
<li ><a href="#" >II дамжаа</a></li>
<li ><a href="#" >Бусад</a></li>
</ul>
</li><!--li close of Бие даалт-->
<li ><a href="#" >Экстернат</a>
<ul>
<li ><a href="#" >Мэдээлэл зүй</a></li>
</ul >
<li ><a href="#" >Е-ном</a></li>
</li></li></ul>

No comments:

Post a Comment