#gorna_tabela { margin-top: 60px; /* odstęp nad tabelką */ } .belka_gornaD { position: fixed; /* sprawia że gorne meni "lata" nad wszystkim */ z-index: 1; top: 10px; left: 0px; right: 0px; width: 1360px; margin: auto; /*border: 5px solid red;*/ } .belka_gornaS { /*border: 1px solid blue;*/ display:block; width: 815px; margin-left: 266px; margin-right: 272px; } ul#ulG { /* list-style-type: none; margin: 0; padding: 0; overflow: hidden; border: 1px solid #e7e7e7; background-color: rgba( 250, 250, 250, 0); #f3f3f3; */ list-style-type: none; margin-bottom: 0; margin-left: auto; /*272px;*/ margin-right: auto; margin-top: 0; padding: 0; width: 100%; padding: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; /* background-color: rgba(225, 225, 255 ,0.99); tło menu górnego */ background-color: rgb(65, 145, 222); } li#liG { /* float: left; */ margin-left: -1px; height:25px; width: 95px; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; BORDER-LEFT: rgba(0,0,0,0) 1px solid; BORDER-RIGHT: rgba(0,0,0,0) 1px solid; text-align: center; font-family:Tahoma; font-size: 14px; font-weight: bold; } li#liG a { display: block; /*color: #000;*/ color:#f8fa3d; text-align: center; padding: 4px 16px; /* wysokość , szerokość */ text-decoration: none; } li#liG a:hover:not(.active) { /* kiedy najedzie mysz */ color: #EEE; background-color: #0a3fa1; border-radius: 40px 40px 40px 40px; /* rgb( 60, 120, 250, 0.3); border-radius: 10px 10px 10px 10px; COLOR: white; TEXT-DECORATION: none; */ } li#liG a.active { /* color: white; background-color: rgba( 250, 0, 0, 0.3); border-radius: 10px 10px 10px 10px; */ } div#be...lka_gorna{ height:auto; width:100%; background: -webkit-linear-gradient( top, #F7F7F7 , #d6d6d6); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(bottom , #F7F7F7, #d6d6d6); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(bottom, #F7F7F7, #d6d6d6); /* For Firefox 3.6 to 15 */ background: linear-gradient(to bottom, #F7F7F7 , #d6d6d6); /* Standard syntax */ } /* div#belka_gorna_1024{ width: 100%; } div#belka_gorna_1024 ul { list-style-type: none; margin-bottom: 0; margin-left: auto; margin-right: auto; margin-top: 0; padding: 0; width: 100%; } div#belka_gorna_1024 ul li{ margin-left: -1px; height:25px; width: 95px; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; BORDER-LEFT: #C0C0C0 1px solid; BORDER-RIGHT: #C0C0C0 1px solid; text-align: center; } div#belka_gorna_1024 ul li a{ padding-top:6px; width:93px; display:block; COLOR:#808080; text-decoration: none; } div#belka_gorna_1024 ul li:hover a{ COLOR: white; TEXT-DECORATION: none; } /* w sekcji , w celu ograniaczenia ( lokalne działanie ) dodaje ulG liG tworząc zmienne lokalane a używany ich id="ulG" co pozwala ograniczyć ustawienia div ul il do wąskiego wybranego obszaru */