Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.86/78: Рейтинг темы: голосов - 78, средняя оценка - 4.86
0 / 0 / 0
Регистрация: 21.02.2014
Сообщений: 5

Выпадающее меню поверх всего содержимого

21.02.2014, 14:24. Показов 16385. Ответов 11
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Здравствуйте!
Начну с того, что в верстке меня можно назвать чайником. Совсем недавно стала интересна эта тема, после того как появилась необходимость создать собственный сайт.... с переменным успехом у меня это получается. Но вот сталкнулся с небольшой проблемкой (они и раньше были, но гугл спасал, а в этот раз помогать отказывается...), вообщем сайт на голом html. есть выпадающее меню, с помощью javascript. Скрипт я взял готовый и немного доработал. Так вот проблема в том, что когда меню выпадает, оно сдвигает вниз содержимое страницы, а надо чтобы оно ложилось поверх этого содержимого... Подскажите пожалуйста кто знает((
Вот код страницы:

HTML5
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
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
<html>
 
<title>ООО "РБ"</title>
 
<head>
 
<link rel="icon" type="image/png" href="ВБ/333.png" />
 
<a href="Index.html"><img src="ВБ/111.jpg"  width="100%" style="margin-left:0;margin-right:0;"></a>
 
<script type="text/javascript">
 
function down()
{
  var a = document.getElementById('dropdown');
  if ( a.style.display == 'none' )
    a.style.display = 'block'
  else
    if ( a.style.display == 'block' )
    a.style.display = 'none';
};
 
</script>
 
 
</head>
 
<body>
 
<table align="center" width="100%">
 
<tr>
 
<td width="25%" valign="top"><center><p><a href="111111.html"><img onmouseover="this.src='Изображения/Кнопки/Активные/Главная.jpg';" onmouseout="this.src='Изображения/Кнопки/Не активные/Главная.jpg';" alt="image001" src="Изображения/Кнопки/Не активные/Главная.jpg"  /></a></p></center></td>
 
<td width="25%" valign="top"><center>
 
<div class="wrapper"  onmouseover="down()" onmouseout="down()">
 
<div class="droplink">
 
<a class="socialbutton" href="222222.html"><img onmouseover="this.src='Изображения/Кнопки/Активные/Наши услуги.jpg';" onmouseout="this.src='Изображения/Кнопки/Не активные/Наши услуги.jpg';" alt="image001" src="Изображения/Кнопки/Не активные/Наши услуги.jpg"  /></a>
 
<ul id="dropdown" style="display:none">
 
<a href="111111.html"><p align="left"><img onmouseover="this.src='Изображения/Кнопки/Активные/Главная.jpg';" onmouseout="this.src='Изображения/Кнопки/Не активные/Главная.jpg';" alt="image001" src="Изображения/Кнопки/Не активные/Главная.jpg"  /></p></a>
 
<a href="333333.html"><p align="left"><img onmouseover="this.src='Изображения/Кнопки/Активные/Главная.jpg';" onmouseout="this.src='Изображения/Кнопки/Не активные/Главная.jpg';" alt="image001" src="Изображения/Кнопки/Не активные/Главная.jpg"  /></p></a>
 
<a href="444444.html"><p align="left"><img onmouseover="this.src='Изображения/Кнопки/Активные/Главная.jpg';" onmouseout="this.src='Изображения/Кнопки/Не активные/Главная.jpg';" alt="image001" src="Изображения/Кнопки/Не активные/Главная.jpg"  /></p></a>
 
</ul>
 
</div>
 
</div>
 
</center>
 
</td>
 
<td width="25%" valign="top"><center><p><a href="333333.html"><img onmouseover="this.src='Изображения/Кнопки/Активные/Контакты.jpg';" onmouseout="this.src='Изображения/Кнопки/Не активные/Контакты.jpg';" alt="image001" src="Изображения/Кнопки/Не активные/Контакты.jpg"  /></a></p></center></td>
 
<td width="25%" valign="top"><center><p><a href="444444.html"><img onmouseover="this.src='Изображения/Кнопки/Активные/Обратная связь.jpg';" onmouseout="this.src='Изображения/Кнопки/Не активные/Обратная связь.jpg';" alt="image001" src="Изображения/Кнопки/Не активные/Обратная связь.jpg"  /></a></p></center></td>
 
</tr>
 
</table>
 
<table align="center" width="100%">
 
<tr>
 
<td width="15%" rowspan="2">
 
</td>
 
<br>
 
<br>
 
<td width="20%">
 
<img src="Изображения/Обращение.jpg" width="100%">
 
</td>
 
<td width="50%">
 
<p align="justify" width="100%">
 
<font face="Decadance Cursiv" size="5">
 
<b>
 
В наше время невозможно переоценить важность безопасности людей и сохранности имущества. Все 
большую популярность комплексные системы безопасности обретают не только в борьбе с 
терроризмом и техногенными авариями — на арену все чаще выходит человеческий фактор: воровство, 
саботаж, трудовая дисциплина. 
 
</b>
 
</font>
 
</p>
 
</td>
 
<td width="15%" rowspan="2">
 
</td>
 
</tr>
 
<tr>
 
<td width="70" colspan="2">
 
<p align="justify">
 
<font face="Decadance Cursiv" size="5">
 
<b>
 
&nbsp;&nbsp;&nbsp;Без инженерных систем безопасности охранной службе предприятия 
очень сложно, а зачастую и невозможно выполнять свои функции.
 
<br>
 
&nbsp;&nbsp;&nbsp;Отсутствие автоматизированных систем безопасности на химических или металлургических производствах, 
где задействованы опасные химические среды или пограничные физические режимы работы, может 
представлять опасность не только для самого предприятия, но и для обширных географических районов 
вокруг. Нельзя переоценить роль системы безопасности на объектах социального назначения, где 
человеческий фактор играет первейшую роль. Комплексные системы безопасности выполняют важные задачи: сохранение материальных ценностей, 
обеспечение безопасности персонала, ограничение физического и информационного доступа. Работу отдела 
кадров существенно облегчат автоматические системы безопасности, интегрированные в CRM-систему предприятия.
 
<br>
 
&nbsp;&nbsp;&nbsp;Надежный и оправданный способ уберечь персонал и имущество от пожаров, нападения, взломов и 
подобных неприятностей — охранно-пожарная сигнализация. Системы контроля доступа и системы 
видеонаблюдения призваны предотвращать противоправные действия до возникновения проблемы. Наличие 
системы безопасности дисциплинирует персонал, затрудняет решение личных проблем на рабочих местах.
 
<br>
 
&nbsp;&nbsp;&nbsp;Мы готовы оказать весь спектр услуг по разработке и созданию систем 
безопасности и системной интеграции любой сложности на объектах любой отраслевой принадлежности, 
поставке оборудования оптом и в розницу, проектированию и разработке специализированных инженерных 
решений безопасности.
 
</b>
 
</font>
 
</p>
 
</td>
 
</tr>
 
 
 
<td width="15%">
 
 
 
 
</td>
 
</tr>
 
</table>
 
</body>
 
 
 
</html>
0
Лучшие ответы (1)
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
21.02.2014, 14:24
Ответы с готовыми решениями:

Выпадающее меню поверх другого содержимого
Здравствуйте, в очередной раз сталкиваюсь с проблемами выпадающего меню. Суть такова: необходимо написать код, который позволяет открывать...

Как расположить выпадающее меню поверх остальных блоков
Нужно расположить выпадающее меню поверх остальных блоков. Меню опускает остальные блоки и увеличивает высоту родительского (см....

Как создать выпадающее меню поверх формы?
При нажатии на меню с тремя полосками должно появиться миниатюрное меню, как на изображении:

11
1030 / 682 / 297
Регистрация: 04.04.2013
Сообщений: 2,751
21.02.2014, 16:49
Стили покажите.
0
25 / 25 / 9
Регистрация: 18.09.2011
Сообщений: 130
21.02.2014, 20:25
CSS
1
.wrapper{position: absolute;}
0
1030 / 682 / 297
Регистрация: 04.04.2013
Сообщений: 2,751
22.02.2014, 05:25
Вы наверно лукавите. При абсолютном позиционировании ничего сдвигаться не должно.
0
25 / 25 / 9
Регистрация: 18.09.2011
Сообщений: 130
22.02.2014, 11:10
Ничего - это что? Вам надо, чтоб контент не сдвигался при раскрывании меню?
0
0 / 0 / 0
Регистрация: 21.02.2014
Сообщений: 5
22.02.2014, 19:41  [ТС]
Цитата Сообщение от 35cm Посмотреть сообщение
Стили покажите.
Это как? какие стили?
Цитата Сообщение от troayn32 Посмотреть сообщение
Код CSS
1
.wrapper{position: absolute;}
а куда это нужно вставлять? напишите по подробнее пожалуйста

Цитата Сообщение от 35cm Посмотреть сообщение
Вы наверно лукавите. При абсолютном позиционировании ничего сдвигаться не должно.
а какой мне смысл лукавить?

Цитата Сообщение от troayn32 Посмотреть сообщение
Ничего - это что? Вам надо, чтоб контент не сдвигался при раскрывании меню?
да, мне нужно чтобы контент оставался на месте, а меню вываливалось на него
0
25 / 25 / 9
Регистрация: 18.09.2011
Сообщений: 130
22.02.2014, 19:49
Лучший ответ Сообщение было отмечено Санек72 как решение

Решение

HTML5
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
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
<html>
 
<title>ООО "РБ"</title>
 
<head>
 
<link rel="icon" type="image/png" href="ВБ/333.png" />
 
<a href="Index.html"><img src="ВБ/111.jpg"  width="100%" style="margin-left:0;margin-right:0;"></a>
 
<script type="text/javascript">
 
function down()
{
  var a = document.getElementById('dropdown');
  if ( a.style.display == 'none' )
    a.style.display = 'block'
  else
    if ( a.style.display == 'block' )
    a.style.display = 'none';
};
 
</script>
 
 
</head>
 
<body>
 
<table align="center" width="100%" style="position:absolute;width:100%;text-align:center;">
 
<tr>
 
<td width="25%" valign="top"><center><p><a href="111111.html"><img onmouseover="this.src='Изображения/Кнопки/Активные/Главная.jpg';" onmouseout="this.src='Изображения/Кнопки/Не активные/Главная.jpg';" alt="image001" src="Изображения/Кнопки/Не активные/Главная.jpg"  /></a></p></center></td>
 
<td width="25%" valign="top"><center>
 
<div class="wrapper"  onmouseover="down()" onmouseout="down()">
 
<div class="droplink">
 
<a class="socialbutton" href="222222.html"><img onmouseover="this.src='Изображения/Кнопки/Активные/Наши услуги.jpg';" onmouseout="this.src='Изображения/Кнопки/Не активные/Наши услуги.jpg';" alt="image001" src="Изображения/Кнопки/Не активные/Наши услуги.jpg"  /></a>
 
<ul id="dropdown" style="display:none">
 
<a href="111111.html"><p align="left"><img onmouseover="this.src='Изображения/Кнопки/Активные/Главная.jpg';" onmouseout="this.src='Изображения/Кнопки/Не активные/Главная.jpg';" alt="image001" src="Изображения/Кнопки/Не активные/Главная.jpg"  /></p></a>
 
<a href="333333.html"><p align="left"><img onmouseover="this.src='Изображения/Кнопки/Активные/Главная.jpg';" onmouseout="this.src='Изображения/Кнопки/Не активные/Главная.jpg';" alt="image001" src="Изображения/Кнопки/Не активные/Главная.jpg"  /></p></a>
 
<a href="444444.html"><p align="left"><img onmouseover="this.src='Изображения/Кнопки/Активные/Главная.jpg';" onmouseout="this.src='Изображения/Кнопки/Не активные/Главная.jpg';" alt="image001" src="Изображения/Кнопки/Не активные/Главная.jpg"  /></p></a>
 
</ul>
 
</div>
 
</div>
 
</center>
 
</td>
 
<td width="25%" valign="top"><center><p><a href="333333.html"><img onmouseover="this.src='Изображения/Кнопки/Активные/Контакты.jpg';" onmouseout="this.src='Изображения/Кнопки/Не активные/Контакты.jpg';" alt="image001" src="Изображения/Кнопки/Не активные/Контакты.jpg"  /></a></p></center></td>
 
<td width="25%" valign="top"><center><p><a href="444444.html"><img onmouseover="this.src='Изображения/Кнопки/Активные/Обратная связь.jpg';" onmouseout="this.src='Изображения/Кнопки/Не активные/Обратная связь.jpg';" alt="image001" src="Изображения/Кнопки/Не активные/Обратная связь.jpg"  /></a></p></center></td>
 
</tr>
 
</table>
 
<table align="center" width="100%">
 
<tr>
 
<td width="15%" rowspan="2">
 
</td>
 
<br>
 
<br>
 
<td width="20%">
 
<img src="Изображения/Обращение.jpg" width="100%">
 
</td>
 
<td width="50%">
 
<p align="justify" width="100%">
 
<font face="Decadance Cursiv" size="5">
 
<b>
 
В наше время невозможно переоценить важность безопасности людей и сохранности имущества. Все 
большую популярность комплексные системы безопасности обретают не только в борьбе с 
терроризмом и техногенными авариями — на арену все чаще выходит человеческий фактор: воровство, 
саботаж, трудовая дисциплина. 
 
</b>
 
</font>
 
</p>
 
</td>
 
<td width="15%" rowspan="2">
 
</td>
 
</tr>
 
<tr>
 
<td width="70" colspan="2">
 
<p align="justify">
 
<font face="Decadance Cursiv" size="5">
 
<b>
 
&nbsp;&nbsp;&nbsp;Без инженерных систем безопасности охранной службе предприятия 
очень сложно, а зачастую и невозможно выполнять свои функции.
 
<br>
 
&nbsp;&nbsp;&nbsp;Отсутствие автоматизированных систем безопасности на химических или металлургических производствах, 
где задействованы опасные химические среды или пограничные физические режимы работы, может 
представлять опасность не только для самого предприятия, но и для обширных географических районов 
вокруг. Нельзя переоценить роль системы безопасности на объектах социального назначения, где 
человеческий фактор играет первейшую роль. Комплексные системы безопасности выполняют важные задачи: сохранение материальных ценностей, 
обеспечение безопасности персонала, ограничение физического и информационного доступа. Работу отдела 
кадров существенно облегчат автоматические системы безопасности, интегрированные в CRM-систему предприятия.
 
<br>
 
&nbsp;&nbsp;&nbsp;Надежный и оправданный способ уберечь персонал и имущество от пожаров, нападения, взломов и 
подобных неприятностей — охранно-пожарная сигнализация. Системы контроля доступа и системы 
видеонаблюдения призваны предотвращать противоправные действия до возникновения проблемы. Наличие 
системы безопасности дисциплинирует персонал, затрудняет решение личных проблем на рабочих местах.
 
<br>
 
&nbsp;&nbsp;&nbsp;Мы готовы оказать весь спектр услуг по разработке и созданию систем 
безопасности и системной интеграции любой сложности на объектах любой отраслевой принадлежности, 
поставке оборудования оптом и в розницу, проектированию и разработке специализированных инженерных 
решений безопасности.
 
</b>
 
</font>
 
</p>
 
</td>
 
</tr>
 
 
 
<td width="15%">
 
 
 
 
</td>
 
</tr>
 
</table>
 
</body>
 
 
 
</html>
1
0 / 0 / 0
Регистрация: 21.02.2014
Сообщений: 5
22.02.2014, 20:13  [ТС]
Цитата Сообщение от troayn32 Посмотреть сообщение
Код HTML5
Спасибо. Главная проблема устранилась, но вот теперь другой косяк, теперь весь контент поднялся выше, я так понимаю из за абсолютного позиционирования меню, и находится он теперь под ним, а мне нужно было чтобы на контент ложились только выпадающие пункты меню.
Помогите пожалуйста если не сложно)))

Добавлено через 8 минут
можно тупо сместить контент вниз с помощью <br> или криво может получиться?
0
25 / 25 / 9
Регистрация: 18.09.2011
Сообщений: 130
22.02.2014, 20:18
HTML5
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
<html>
 
<title>ООО "РБ"</title>
 
<head>
 
<link rel="icon" type="image/png" href="ВБ/333.png" />
 
<a href="Index.html"><img src="ВБ/111.jpg"  width="100%" style="margin-left:0;margin-right:0;"></a>
 
<script type="text/javascript">
 
function down()
{
  var a = document.getElementById('dropdown');
  if ( a.style.display == 'none' )
    a.style.display = 'block'
  else
    if ( a.style.display == 'block' )
    a.style.display = 'none';
};
 
</script>
 
 
</head>
 
<body>
 
<table align="center" width="100%" style="position:absolute;width:100%;text-align:center;">
 
<tr>
 
<td width="25%" valign="top"><center><p><a href="111111.html"><img onmouseover="this.src='Изображения/Кнопки/Активные/Главная.jpg';" onmouseout="this.src='Изображения/Кнопки/Не активные/Главная.jpg';" alt="image001" src="Изображения/Кнопки/Не активные/Главная.jpg"  /></a></p></center></td>
 
<td width="25%" valign="top"><center>
 
<div class="wrapper"  onmouseover="down()" onmouseout="down()">
 
<div class="droplink">
 
<a class="socialbutton" href="222222.html"><img onmouseover="this.src='Изображения/Кнопки/Активные/Наши услуги.jpg';" onmouseout="this.src='Изображения/Кнопки/Не активные/Наши услуги.jpg';" alt="image001" src="Изображения/Кнопки/Не активные/Наши услуги.jpg"  /></a>
 
<ul id="dropdown" style="display:none">
 
<a href="111111.html"><p align="left"><img onmouseover="this.src='Изображения/Кнопки/Активные/Главная.jpg';" onmouseout="this.src='Изображения/Кнопки/Не активные/Главная.jpg';" alt="image001" src="Изображения/Кнопки/Не активные/Главная.jpg"  /></p></a>
 
<a href="333333.html"><p align="left"><img onmouseover="this.src='Изображения/Кнопки/Активные/Главная.jpg';" onmouseout="this.src='Изображения/Кнопки/Не активные/Главная.jpg';" alt="image001" src="Изображения/Кнопки/Не активные/Главная.jpg"  /></p></a>
 
<a href="444444.html"><p align="left"><img onmouseover="this.src='Изображения/Кнопки/Активные/Главная.jpg';" onmouseout="this.src='Изображения/Кнопки/Не активные/Главная.jpg';" alt="image001" src="Изображения/Кнопки/Не активные/Главная.jpg"  /></p></a>
 
</ul>
 
</div>
 
</div>
 
</center>
 
</td>
 
<td width="25%" valign="top"><center><p><a href="333333.html"><img onmouseover="this.src='Изображения/Кнопки/Активные/Контакты.jpg';" onmouseout="this.src='Изображения/Кнопки/Не активные/Контакты.jpg';" alt="image001" src="Изображения/Кнопки/Не активные/Контакты.jpg"  /></a></p></center></td>
 
<td width="25%" valign="top"><center><p><a href="444444.html"><img onmouseover="this.src='Изображения/Кнопки/Активные/Обратная связь.jpg';" onmouseout="this.src='Изображения/Кнопки/Не активные/Обратная связь.jpg';" alt="image001" src="Изображения/Кнопки/Не активные/Обратная связь.jpg"  /></a></p></center></td>
 
</tr>
 
</table>
Здесь нужно поиграться со значениями margin-top.
Code
1
2
-                                                   |
                                                    \/
HTML5
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
<table align="center" width="100%" style="margin-top:80px;">
 
<tr>
 
<td width="15%" rowspan="2">
 
</td>
 
<br>
 
<br>
 
<td width="20%">
 
<img src="Изображения/Обращение.jpg" width="100%">
 
</td>
 
<td width="50%">
 
<p align="justify" width="100%">
 
<font face="Decadance Cursiv" size="5">
 
<b>
 
В наше время невозможно переоценить важность безопасности людей и сохранности имущества. Все 
большую популярность комплексные системы безопасности обретают не только в борьбе с 
терроризмом и техногенными авариями — на арену все чаще выходит человеческий фактор: воровство, 
саботаж, трудовая дисциплина. 
 
</b>
 
</font>
 
</p>
 
</td>
 
<td width="15%" rowspan="2">
 
</td>
 
</tr>
 
<tr>
 
<td width="70" colspan="2">
 
<p align="justify">
 
<font face="Decadance Cursiv" size="5">
 
<b>
 
&nbsp;&nbsp;&nbsp;Без инженерных систем безопасности охранной службе предприятия 
очень сложно, а зачастую и невозможно выполнять свои функции.
 
<br>
 
&nbsp;&nbsp;&nbsp;Отсутствие автоматизированных систем безопасности на химических или металлургических производствах, 
где задействованы опасные химические среды или пограничные физические режимы работы, может 
представлять опасность не только для самого предприятия, но и для обширных географических районов 
вокруг. Нельзя переоценить роль системы безопасности на объектах социального назначения, где 
человеческий фактор играет первейшую роль. Комплексные системы безопасности выполняют важные задачи: сохранение материальных ценностей, 
обеспечение безопасности персонала, ограничение физического и информационного доступа. Работу отдела 
кадров существенно облегчат автоматические системы безопасности, интегрированные в CRM-систему предприятия.
 
<br>
 
&nbsp;&nbsp;&nbsp;Надежный и оправданный способ уберечь персонал и имущество от пожаров, нападения, взломов и 
подобных неприятностей — охранно-пожарная сигнализация. Системы контроля доступа и системы 
видеонаблюдения призваны предотвращать противоправные действия до возникновения проблемы. Наличие 
системы безопасности дисциплинирует персонал, затрудняет решение личных проблем на рабочих местах.
 
<br>
 
&nbsp;&nbsp;&nbsp;Мы готовы оказать весь спектр услуг по разработке и созданию систем 
безопасности и системной интеграции любой сложности на объектах любой отраслевой принадлежности, 
поставке оборудования оптом и в розницу, проектированию и разработке специализированных инженерных 
решений безопасности.
 
</b>
 
</font>
 
</p>
 
</td>
 
</tr>
 
 
 
<td width="15%">
 
 
 
 
</td>
 
</tr>
 
</table>
 
</body>
 
 
 
</html>
0
0 / 0 / 0
Регистрация: 21.02.2014
Сообщений: 5
22.02.2014, 20:32  [ТС]
Цитата Сообщение от troayn32 Посмотреть сообщение
Здесь нужно поиграться со значениями margin-top
блин, а я пытался следующей таблице добавить тоже абсолютное позиционирование только с офсетным свойством bottom))
я извиняюсь за свою назойливость, у меня еще остались вопросы... ответьте пожалуйста если не сложно)))
1. как "выпадающие" пункты меню привязать к их родителю, т.е. они выпадают не ровно под ним, а по умолчанию правее, добавляем align="center" или align="left", они все равно стоят криво. просто в скрипте который я вставил, они были как подпункты списка, а рядом с ними были черные точки... точки убрал, но смещение осталось...
2. (не имеет отношение к верстке) у меня кнопки с закругленными углами, когда подпункты выпадают на контент, видны белые треугольники по краям. как с этим бороться? как сделать чтобы у изображения кнопок не было заднего фона?
за ранее спасибо)))
0
25 / 25 / 9
Регистрация: 18.09.2011
Сообщений: 130
22.02.2014, 20:41
Я бы порекомендовал вам выучить CSS(это не сложно) и все текущие и будущие вопросы отпадут.
0
0 / 0 / 0
Регистрация: 21.02.2014
Сообщений: 5
22.02.2014, 20:50  [ТС]
У меня просто тупо не хватает времени это сделать... я занимаюсь монтажом систем безопасности (видео, охранная сигнализация и т.д.) сейчас вот открываем фирму и готовим рекламу, сажусь за сайт как правило часов 10 11 вечера. в моем случае не имеет смысла подробно это изучать (профиль другой), а покупать не хочу сайт потому что затрат очень много на рекламу и продвижение. вот и мучаюсь сам, и мучаю народ.
troayn32 - вам и на том спасибо. правда. очень сильно помогли. еще раз извиняюсь за назойливость...
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
22.02.2014, 20:50
Помогаю со студенческими работами здесь

Переключатель содержимого блока, через выпадающее меню (+субменю)
Не знаю как правильно это назвать. Пример можно посмотреть на http://www.sports.ru/, блок Статистика. Подскажите пожалуйста, как...

Выпадающее меню. Не фиксируется бордер раздела меню, при использовании подменю
Делаю выпадающее меню, почти все сделал, осталось по сути немного, и не могу закончить. Вот код: ...

Выпадающее меню - разный размер шрифта для разных уровней меню
Есть у меня данный список, но возник вопрос: &quot;как сделать чтобы в надписи буквы1 был шрифт 19px, а в выпадающем меню был шрифт 16px&quot; ...

Как прикрепить выпадающее меню к названию в основном меню
Здравствуйте. Сейчас на сайте есть вертикальное меню, и при наведении на какой-либо его пункт, выпадающее меню появляется в самом верху...

Окно поверх всего
Здравствуйте уважаемые форумчане. Возник такой вопрос, облазил все... ниче не помогает. Окно не перекрывает пуск. Его я не открываю,...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
12
Ответ Создать тему
Новые блоги и статьи
http://iceja.net/ математические сервисы
iceja 20.01.2026
Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .
http://iceja.net/ сервер решения полиномов
iceja 18.01.2026
Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока
igorrr37 16.01.2026
/ * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит переходные токи и напряжения на элементах схемы. . . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений.
anaschu 11.01.2026
https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/
WordPad для Windows 11
Jel 10.01.2026
WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11
Jel 10.01.2026
Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .
Почему дизайн решает?
Neotwalker 09.01.2026
В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru