Настройка CSS для слайдера

31.03.2012, 08:57. **Показов** 1517. **Ответов** 0

Студворк — интернет-сервис помощи студентам

Здравствуйте, очень нужна помощь.
На сайте есть 2 блока, меню и слайдер оба блока в своих CSS

после установки слайдера, слайдер получился в верхнем слое, т.е. меню открывается под блоком слайдера.

В Опере и Хроме удалось пофиксить этот глюк display:inline в ИЕ никак не хочет фиксить его

Может их просто объединить? поставив блок слайдера под блок меню?

Блок меню:

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
ul#navmenu-v,
 ul#navmenu-v li,
 ul#navmenu-v ul {
 margin: 0;
 border: 0 none;
 padding: 0;
 width: 178px; 
 list-style: none;
 }
 
 ul#navmenu-v:after {
 clear: both;
 display: block;
 font: 1px/0px serif;
 content: ".";
 height: 0;
 visibility: hidden;
 }
 
 ul#navmenu-v li {
 float: left; 
 display: block !important; 
 display:inline; 
 position: relative;
 }
 
 
 ul#navmenu-v a {
 border: 1px solid ECE6E0;
 border-color: ECE6E0;
 border-right-color: ECE6E0;
 border-bottom-color: ECE6E0;
 padding: 0 6px;
 display: block;
 background-color: ECE6E0;
 color: black;
 font: bold 11px/22px Trebush MS, Tahoma, Sans-serif;
 text-decoration: none;
 height: auto !important;
 height: 1%; 
 }
 
 
 ul#navmenu-v a:hover,
 ul#navmenu-v li:hover a,
 ul#navmenu-v li.iehover a {
 background-color: #D60257;
 color: #FFF;
 }
 
 
 ul#navmenu-v li:hover li a,
 ul#navmenu-v li.iehover li a {
 background-color: #D60257;
 color: #FFFFFF;
 }
 
 
 ul#navmenu-v li:hover li a:hover,
 ul#navmenu-v li:hover li:hover a,
 ul#navmenu-v li.iehover li a:hover,
 ul#navmenu-v li.iehover li.iehover a {
 background-color: CF5988;
 color: #FFF;
 }
 
 
 ul#navmenu-v li:hover li:hover li a,
 ul#navmenu-v li.iehover li.iehover li a {
 background-color: #D60257;
 color: #FFFFFF;
 }
 
 
 ul#navmenu-v li:hover li:hover li a:hover,
 ul#navmenu-v li:hover li:hover li:hover a,
 ul#navmenu-v li.iehover li.iehover li a:hover,
 ul#navmenu-v li.iehover li.iehover li.iehover a {
 background-color: CF5988;
 color: #FFF;
 }
 
 
 ul#navmenu-v li:hover li:hover li:hover li a,
 ul#navmenu-v li.iehover li.iehover li.iehover li a {
 background-color: #D60257;
 color: #BCD6A7;
 }
 
 
 ul#navmenu-v li:hover li:hover li:hover li a:hover,
 ul#navmenu-v li.iehover li.iehover li.iehover li a:hover {
 background-color: CF5988;
 color: #FFF;
 }
 
 ul#navmenu-v ul,
 ul#navmenu-v ul ul,
 ul#navmenu-v ul ul ul {
 display: none;
 position: absolute;
 top: 0;
 left: 178px;
 }
 
 
 ul#navmenu-v li:hover ul ul,
 ul#navmenu-v li:hover ul ul ul,
 ul#navmenu-v li.iehover ul ul,
 ul#navmenu-v li.iehover ul ul ul {
 display: none;
 }
 
 ul#navmenu-v li:hover ul,
 ul#navmenu-v ul li:hover ul,
 ul#navmenu-v ul ul li:hover ul,
 ul#navmenu-v li.iehover ul,
 ul#navmenu-v ul li.iehover ul,
 ul#navmenu-v ul ul li.iehover ul {
 display: block;
 }

Блок слайдера:

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
    img{border:none;}
    pre{
        display:inline;
        font:12px "Courier New", Courier, monospace;
        padding:10px;
        border:1px solid #bae2f0;
        background:#D60052; 
        margin:.5em 0;
        width:674px;
        }   
            
    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:inline-block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
            
    #container{ 
        margin:0 auto;
        position:relative;
        text-align:left;
        width:640px;
        background:#fff;        
        margin-bottom:2em;
        }   
    #header{
        height:80px;
        line-height:80px;
        background:#5DC9E1;
        color:#fff;
        }               
    #content{
        position:relative;
        display:inline;
        }           
 
/* Easy Slider */
 
    #slider ul, #slider li,
    #slider2 ul, #slider2 li{
        margin:0;
        padding:0;
        list-style:none;
        }
    #slider2{margin-top:1em;}
    #slider li, #slider2 li{ 
        /* 
            define width and height of list item (slide)
            entire slider area will adjust according to the parameters provided here
        */ 
        width:640px;
        height:200px;
        overflow:hidden; 
        }   
    #prevBtn, #nextBtn,
    #slider1next, #slider1prev{ 
        display:inline-block;
        width:30px;
        height:77px;
        position:relative;
        left:-30px;
        top:71px;
        z-index:1000;
        }   
    #nextBtn, #slider1next{ 
        left:640px;
        }                                                       
    #prevBtn a, #nextBtn a,
    #slider1next a, #slider1prev a{  
        display:inline-block;
        position:relative;
        width:30px;
        height:77px;
        background:url(../images/btn_prev.gif) no-repeat 0 0;   
        }   
    #nextBtn a, #slider1next a{ 
        background:url(../images/btn_next.gif) no-repeat 0 0;   
        }   
        
    /* numeric controls */  
 
    ol#controls{
        margin:1em 0;
        padding:0;
        height:28px;    
        }
    ol#controls li{
        margin:0 10px 0 0; 
        padding:0;
        float:left;
        list-style:none;
        height:28px;
        line-height:28px;
        }
    ol#controls li a{
        float:left;
        height:28px;
        line-height:28px;
        border:1px solid #ccc;
        background:##D60052;
        color:#555;
        padding:0 10px;
        text-decoration:none;
        }
    ol#controls li.current a{
        background:#D60052;
        color:#fff;
        }
    ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

Новые блоги и статьи Все статьи Все блоги /
Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .	SDL3 для Web (WebAssembly): Сборка библиотек SDL3 и Box2D из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия SDL 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual. . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .
Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»