MegaWeb.su > > CSS

CSS


1-03-2011, 01:02. : Admin
      CSS , , CSS
, .
, , .
<!-- CSS   http://megaweb.su/-->
<div id="navigation_panel"> <a href="http://megaweb.su/" title=" "><img src="menu_home.gif" alt=" " width="30px" height="30px" /></a>
 <ul class="gor_menu1">
<li><a href="#"><span> 1</span></a>
 <ul class="gor_menu">
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
 </ul>
</li>
 </ul>
 <ul class="gor_menu1">
<li><a href="#"><span> 2</span></a>
 <ul class="gor_menu">
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
 </ul>
</li>
 </ul>
 <ul class="gor_menu1">
<li><a href="#"><span> 3</span></a>
 <ul class="gor_menu">
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
 </ul>
</li>
 </ul>
 <ul class="gor_menu1">
<li><a href="#"><span> 4</span></a>
 <ul class="gor_menu">
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
 </ul>
</li>
 </ul>
 <ul class="gor_menu1">
<li><a href="#"><span> 5</span></a>
 <ul class="gor_menu">
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
 </ul>
</li>
 </ul>
 <ul class="gor_menu1">
<li><a href="#"><span> 6</span></a>
 <ul class="gor_menu">
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
 </ul>
</li>
 </ul>
 <ul class="gor_menu1">
<li><a href="#"><span> 7</span></a>
 <ul class="gor_menu">
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
 </ul>
</li>
 </ul>
 <br style="height:1px; clear:both;" />
</div>
<!--/ CSS   http://megaweb.su/-->


, CSS :

/* CSS   http://megaweb.su/*/
:-moz-any-link:focus {
outline: none;
}
a
{
text-decoration:none;
}
.gor_menu1
{
margin: 0;
padding: 0;
list-style: none;
float: left;
width: 130px;
font: normal 11px verdana;
}
.gor_menu1 li
{
position:relative;/**/
display:block;
margin: 0;
padding: 0;
list-style: none;
float: left;
width: 130px;
font: normal 11px verdana;
}
.gor_menu
{
position:absolute;/**/
margin: 0;
padding: 0;
list-style: none;
float: left;
width: 130px;
font: normal 11px verdana;
}
.gor_menu1 span
{
border: 1px solid #365799;
border-left:none;
background: #399;
color: #fff;
display: block;
text-decoration: none;
padding: 8px 8px 9px 8px;
text-align: center;
}
.gor_menu1 li .gor_menu
{
display: none;
}
.gor_menu li a
{
border:1px solid #365799;
border-top: none;
display: block;
color: #fff;
background: #399; /* IE6 Bug */
padding: 5px;
text-decoration: none;
text-align: left;
z-index: 1000;
}
.gor_menu li a:hover
{
color: #000;
background: #edf5f7;
}
.gor_menu1 li a:hover span
{
color: #000;
background: #edf5f7;
}
.gor_menu1:hover li .gor_menu
{
display: block;
}
#navigation_panel
{
width: 950px;
text-align:center;
margin:0 auto;
}
#navigation_panel a img
{
float:left;
border: 1px solid #365799;
}
/* Fix IE. Hide from IE Mac \*/
* html .gor_menu li
{
float: left;
}
* html .gor_menu li a
{
height: 1%;
}
/* CSS   http://megaweb.su/ End */


!
CSS
CSS