Форум программистов, компьютерный форум, киберфорум
jQuery
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.67/3: Рейтинг темы: голосов - 3, средняя оценка - 4.67
2 / 2 / 0
Регистрация: 30.11.2015
Сообщений: 10

Диалоговое окно

30.11.2015, 00:35. Показов 645. Ответов 7
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Привет.
Только начал со всем этим разбираться и немного застопорился.
Не могу сделать так, что бы диалоговое окно обратной связи выводилось в центре экрана (не страницы).
И даже не получилось тупо сдвинуть окно, скажем, на 500x500.

Подскажите, пожалуйста, в чем я не прав и где смотреть. Уже отчаялся сам понять.
PHP/HTML
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
<body>
        <div id="dialog" title="Запись">
        <form action="" method=post>                                                
                <br><h3>Записаться <br>и получить скидку в 20% ?</h3><br>
            <div align="center">
                Введите имя*<br />
                <input type="text" name="title" size="25"><br />
                Введите номер телефона*<br />
            <input name="mess" type="text" size="25"><br />
                                                            
                <input type="submit" value=Записаться name="submit"></div>
        </form>
            <h5>Гарантируем сохранность ваших данных</h5>
                                                        <!-- отправка почты -->
        <?php
            if($_POST['submit']) {
                $title = substr(htmlspecialchars(trim($_POST['title'])), 0, 1000);
                $mess =  substr(htmlspecialchars(trim($_POST['mess'])), 0, 1000000);
                $to = 'xxx@gmail.com';
                $from='new@agent.ru';
                mail($to, $title, $mess, 'From:'.$from);
                }
        ?> 
        </div>
        <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
        <script src="http://code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
        <link type='text/css' href="http://code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css" rel="stylesheet">
        <script>
        
            var dialog = $("#dialog").dialog({autoOpen: false, modal: true,
    resizable: false,
    position: [500, 500],
    show: 'blind',
    hide: 'blind',
    width: 500,
    dialogClass: 'ui-dialog-osx'});
    
    
            $("input[type=button]").click(function ()
                {
                        var lefto = document.documentElement.clientWidth/2-150;
                        var righto = document.documentElement.clientHeight/2-125;
 
                $("#dialog").dialog( "open" );
                });
        </script>
        
</body>
Все действие начинается при нажатии этой кнопки:
HTML5
1
<input type="button" name="btn" class="buttony" value="123"/>
Помогите, пожалуйста. Почему position: [500, 500] не сдвигает все 500 на 500?
0
Programming
Эксперт
39485 / 9562 / 3019
Регистрация: 12.04.2006
Сообщений: 41,671
Блог
30.11.2015, 00:35
Ответы с готовыми решениями:

Диалоговое окно
Доброго времени суток всем. Возникла проблема, которую я не знаю как решить. Вообщем на стороне клиента ведёться небольшой опрос( связано с...

передача атрибутов в диалоговое окно
Доброго всем времени суток! Я новичек в jQuery, но как говорится затянуло. Хотела реализовать следующее: в таблице выбираем строчку -...

Как создать диалоговое окно на странице
Добрый день. хочу сделать так, чтобы при нажатии на &quot;читать&quot; выводилось новое окошко поверх сайта, задний фон затемняется и видно это...

7
 Аватар для Lazy_Den
3325 / 2845 / 1423
Регистрация: 15.01.2014
Сообщений: 6,170
30.11.2015, 00:45
Цитата Сообщение от DePeBo Посмотреть сообщение
в центре экрана (не страницы)
Уберите параметр position вообще. По умолчанию его значения: { my: "center", at: "center", of: window }
То есть, центрировать по оси Y и оси X окна браузера.
0
2 / 2 / 0
Регистрация: 30.11.2015
Сообщений: 10
30.11.2015, 00:56  [ТС]
Если убрать он выводится в середину. Это да, но не в видимую середину, а смещает вниз ползунок и там уже появляется в середине страницы.

Вот пример нажал тут:


А появляется тут (ползунок перемещает автоматически):
0
 Аватар для Lazy_Den
3325 / 2845 / 1423
Регистрация: 15.01.2014
Сообщений: 6,170
30.11.2015, 01:07
Цитата Сообщение от DePeBo Посмотреть сообщение
смещает вниз ползунок
Есть что-то, чего вы не показали, но вызывает такое поведение. В песочнице, никакой прокрутки не происходит (смотрим), да и насколько мне известно, не должно быть без каких-то внешних факторов.
0
2 / 2 / 0
Регистрация: 30.11.2015
Сообщений: 10
30.11.2015, 01:41  [ТС]
Хм. Очень странно.

Ничего такого не вижу.
Вот полный код.

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
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
<!-- HTML -->
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<link type='text/css' href="table5.css" rel="stylesheet">
 
<body>
<table class="table">
  <thead>
    <tr>
        <th class="radiustl"></th>
        <th>Понедельник</th>
        <th>Вторник</th>
        <th>Среда</th>
        <th>Четверг</th>
        <th>Пятница</th>
        <th>Суббота</th>
        <th class="radiustr">Воскресение</th>
    </tr>
  </thead>
  <tbody>
    <tr>
        <td rowspan="3" align="center"><font color="#000000">14:00</font></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
    </tr>
    <tr>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
    </tr>
    <tr>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
    </tr>
    <tr>
        <td rowspan="3" align="center"><font color="#000000">15:00</font></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><input type="button" name="btn" class="buttonblack" value="Bachata"/></td>
    </tr>
    <tr>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
    </tr>
    <tr>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
    </tr>
    <tr>
        <td rowspan="3" align="center"><font color="#000000">16:00</font></td>
        <td><input type="button" name="btn" class="buttonblack" value="Hip-Hop: Basic (от 12 лет)"/></td>
        <td><input type="button" name="btn" class="buttonblack" value="Body Fitness"/></td>
        <td><input type="button" name="btn" class="buttonblack" value="Hip-Hop: Basic (от 12 лет)"/></td>
        <td><input type="button" name="btn" class="buttonblack" value="Body Fitness"/></td>
        <td><input type="button" name="btn" class="buttonblack" value="Hip-Hop: Basic (от 12 лет)"/></td>
        <td><br></td>
        <td><input type="button" name="btn" class="buttony" value="Salsa дети 2"/></td>
    </tr>
    <tr>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><input type="button" name="btn" class="buttonblack" value="Lady styling. Salsa NY1"/></td>
    </tr>
    <tr>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><input type="button" name="btn" class="buttonblack" value="Salsa взрослые"/></td>
    </tr>
    <tr>
        <td rowspan="3" align="center"><font color="#000000">17:00</font></td>
        <td><input type="button" name="btn" class="buttonblack" value="Hip-Hop: Kids (от 7 лет)"/></td>
        <td><br></td>
        <td><input type="button" name="btn" class="buttonblack" value="Hip-Hop: Kids (от 7 лет)"/></td>
        <td><br></td>
        <td><input type="button" name="btn" class="buttonblack" value="Hip-Hop: Kids (от 7 лет)"/></td>
        <td><br></td>
        <td><input type="button" name="btn" class="buttony" value="Man styling. Salsa NY 1-2"/></td>
    </tr>
    <tr>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><input type="button" name="btn" class="buttony" value="Lady styling. Salsa NY 2"/></td>
    </tr>
    <tr>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
    </tr>
    <tr>
        <td rowspan="3" align="center"><font color="#000000">18:00</font></td>
        <td><br></td>
        <td><input type="button" name="btn" class="buttonblack" value="House"/></td>
        <td><br></td>
        <td><br></td>
        <td><input type="button" name="btn" class="buttonblack" value="House"/></td>
        <td><br></td>
        <td><input type="button" name="btn" class="buttonblack" value="Практика Hip-Hop (2 часа)"/></td>
    </tr>
    <tr>
        <td><input type="button" name="btn" class="buttonblack" value="Танцы для детей (3-5 лет)"/></td>
        <td><input type="button" name="btn" class="buttonblack" value="Salsa дети 1"/></td>
        <td><input type="button" name="btn" class="buttonblack" value="Танцы для детей (3-5 лет)"/></td>
        <td><input type="button" name="btn" class="buttonblack" value="Salsa дети 1"/></td>
        <td><br></td>
        <td><br></td>
        <td><input type="button" name="btn" class="buttonblack" value="Практика Salsa NY-LA"/></td>
    </tr>
    <tr>
        <td><input type="button" name="btn" class="buttonblack" value="Hip-Hop. Social"/></td>
        <td><input type="button" name="btn" class="buttonblack" value="Hip-Hop. Freestyle"/></td>
        <td><input type="button" name="btn" class="buttonblack" value="Hip-Hop. Social"/></td>
        <td><br></td>
        <td><input type="button" name="btn" class="buttonblack" value="Hip-Hop. Freestyle"/></td>
        <td><br></td>
        <td><input type="button" name="btn" class="buttonblack" value="Практика Salsa Casino"/></td>
    </tr>
    <tr>
        <td rowspan="3" align="center"><font color="#000000">19:00</font></td>
        <td><input type="button" name="btn" class="buttonblack" value="Salsa NY 1"/></td>
        <td><input type="button" name="btn" class="buttonblack" value="Salsa LA 1"/></td>
        <td><input type="button" name="btn" class="buttonblack" value="Bachata"/></td>
        <td><input type="button" name="btn" class="buttonblack" value="Salsa NY 1"/></td>
        <td><input type="button" name="btn" class="buttonblack" value="Salsa LA 1"/></td>
        <td><br></td>
        <td><input type="button" name="btn" class="buttonblack" value="Практика Hip-Hop (2 часа)"/></td>
    </tr>
    <tr>
        <td><input type="button" name="btn" class="buttonr" value="Lady styling. Salsa NY 3"/></td>
        <td><input type="button" name="btn" class="buttonblack" value="Stretching"/></td>
        <td><br></td>
        <td><input type="button" name="btn" class="buttonr" value="Lady styling. Salsa NY 3"/></td>
        <td><input type="button" name="btn" class="buttonblack" value="Stretching"/></td>
        <td><br></td>
        <td><input type="button" name="btn" class="buttonblack" value="Практика Salsa NY-LA"/></td>
    </tr>
    <tr>
        <td><input type="button" name="btn" class="buttonblack" value="Танцы для детей(6-8 лет)"/></td>
        <td><input type="button" name="btn" class="buttonblack" value="Afro House"/></td>
        <td><input type="button" name="btn" class="buttonblack" value="Танцы для детей (6-8 лет)"/></td>
        <td><input type="button" name="btn" class="buttonblack" value="Afro House"/></td>
        <td><input type="button" name="btn" class="buttony" value="Salsa дети 2"/></td>
        <td><br></td>
        <td><input type="button" name="btn" class="buttonblack" value="Практика Salsa Casino"/></td>
    </tr>
    <tr>
        <td rowspan="3" align="center"><font color="#000000">20:00</font></td>
        <td><input type="button" name="btn" class="buttonr" value="Salsa NY 3-2"/></td>
        <td><input type="button" name="btn" class="buttonblack" value="Руэда"/></td>
        <td><input type="button" name="btn" class="buttonblack" value="Пачанга вращения. 1 час/нед."/></td>
        <td><input type="button" name="btn" class="buttonr" value="Salsa NY 3-2"/></td>
        <td><input type="button" name="btn" class="buttonblack" value="Руэда"/></td>
        <td><br></td>
        <td><br></td>
    </tr>
    <tr>
        <td><input type="button" name="btn" class="buttonblack" value="Lindy Hop"/></td>
        <td><input type="button" name="btn" class="buttonblack" value="Jazz Funk"/></td>
        <td><input type="button" name="btn" class="buttonblack" value="Lady styling. Salsa NY 1"/></td>
        <td><br></td>
        <td><input type="button" name="btn" class="buttonblack" value="Jazz Funk"/></td>
        <td><br></td>
        <td><br></td>
    </tr>
    <tr>
        <td><input type="button" name="btn" class="buttonblack" value="Reggaeton 1"/></td>
        <td><input type="button" name="btn" class="buttonblack" value="Salsa Casino 1"/></td>
        <td><input type="button" name="btn" class="buttonblack" value="Lindy Hop"/></td>
        <td><input type="button" name="btn" class="buttonblack" value="Salsa Casino 1"/></td>
        <td><input type="button" name="btn" class="buttonblack" value="Reggaeton 1"/></td>
        <td><br></td>
        <td><br></td>
    </tr>
    <tr>
        <td rowspan="3" align="center"><font color="#000000">21:00</font></td>
        <td><input type="button" name="btn" class="buttony" value="Salsa NY 2"/></td>
        <td><input type="button" name="btn" class="buttony" value="Salsa LA 2"/></td>
        <td><input type="button" name="btn" class="buttony" value="Man styling. Salsa NY 1-2"/></td>
        <td><input type="button" name="btn" class="buttony" value="Salsa NY 2"/></td>
        <td><input type="button" name="btn" class="buttony" value="Salsa LA 2"/></td>
        <td><br></td>
        <td><br></td>
    </tr>
    <tr>
        <td><input type="button" name="btn" class="buttonblack" value="Salsa NY1"/></td>
        <td><input type="button" name="btn" class="buttonblack" value="Twerk"/></td>
        <td><input type="button" name="btn" class="buttony" value="Lady styling. Salsa NY 2"/></td>
        <td><input type="button" name="btn" class="buttonblack" value="Salsa NY 1"/></td>
        <td><input type="button" name="btn" class="buttonblack" value="Twerk"/></td>
        <td><br></td>
        <td><br></td>
    </tr>
    <tr>
        <td><input type="button" name="btn" class="buttonblack" value="Reggaeton 1"/></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><input type="button" name="btn" class="buttonblack" value="Reggaeton 1"/></td>
        <td><br></td>
        <td><br></td>
    </tr>
    <tr>
        <td class="radiusbr" rowspan="3" align="center"><font color="#000000">22:00</font></td>
        <td><input type="button" name="btn" class="buttonblack" value="Kizomba 1"/></td>
        <td><input type="button" name="btn" class="buttonblack" value="Bachata"/></td>
        <td><input type="button" name="btn" class="buttonblack" value="Kizomba 1"/></td>
        <td><input type="button" name="btn" class="buttonblack" value="ChaChaCha"/></td>
        <td><input type="button" name="btn" class="buttonblack" value="Bachata"/></td>
        <td><br></td>
        <td><br></td>
    </tr>
    <tr>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
    </tr>
    <tr>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td><br></td>
        <td class="radiusbl"><br></td>
    </tr>
  </tbody>
</table>
 
 
<body>
        <div id="dialog" title="Запись">
        <form action="" method=post>                                                
                <br><h3>Записаться <br>и получить скидку в 20% ?</h3><br>
            <div align="center">
                Введите имя*<br />
                <input type="text" name="title" size="25"><br />
                Введите номер телефона*<br />
            <input name="mess" type="text" size="25"><br />
                                                            
                <input type="submit" value=Записаться name="submit"></div>
        </form>
            <h5>Гарантируем сохранность ваших данных</h5>
                                                        <!-- отправка почты -->
        <?php
            if($_POST['submit']) {
                $title = substr(htmlspecialchars(trim($_POST['title'])), 0, 1000);
                $mess =  substr(htmlspecialchars(trim($_POST['mess'])), 0, 1000000);
                $to = 'xxx@gmail.com';
                $from='new@agent.ru';
                mail($to, $title, $mess, 'From:'.$from);
                }
        ?> 
        </div>
        <script src="http://code.jquery.com/jquery-1.10.2.js"></script>
        <script src="http://code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
        <link type='text/css' href="http://code.jquery.com/ui/1.11.0/themes/smoothness/jquery-ui.css" rel="stylesheet">
        <script>
        
            var dialog = $("#dialog").dialog({autoOpen: false, modal: true,
    resizable: false,
    show: 'blind',
    hide: 'blind',
    width: 500,
    dialogClass: 'ui-dialog-osx'});
    
    
            $("input[type=button]").click(function ()
                {
                        var lefto = document.documentElement.clientWidth/2-150;
                        var righto = document.documentElement.clientHeight/2-125;
 
                $("#dialog").dialog( "open" );
                });
        </script>
        
</body>     
        
        
        
    </body>
 
</html>
<!-- CSS -->
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
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
.texttransparent
{
    color: #FFFFFF;
    user-select: none;
}
 
 
.buttonblack {
  display: inline-block;
  color: #000000;
  background: #BEE9BF;
  font-weight: 700;
  width: 103px;
  height: 70px;
  text-decoration: none;
  text-align: center;
  white-space: normal;
  user-select: none;
  padding: 0px;
  outline: none;
  border: 0px solid;
  border-radius: 1px;
  transition: 0.2s;
  font-family: 'Verdana', 'Arial', 'sans-serif';
  font-size: 11pt;
  font-weight:100;
} 
.buttonblack:hover { background: url(zap1.png) no-repeat 50% 50%; color: transparent;}
.buttonblack:active { background: #C3B670; }
 
 
.buttony {
  display: inline-block;
  color: #000000;
  background: #FDFDC9;
  font-weight: 700;
  width: 103px;
  height: 70px;
  text-decoration: none;
  text-align: center;
  white-space: normal;
  user-select: none;
  padding: 0px;
  outline: none;
  border: 0px solid;
  border-radius: 1px;
  transition: 0.2s;
  font-family: 'Verdana', 'Arial', 'sans-serif';
  font-size: 11pt;
  font-weight:100;
} 
.buttony:hover { background: url(zap3.png) no-repeat 50% 50%; color: transparent; }
.buttony:active { background: #C3B670; }
 
.buttonr {
  display: inline-block;
  color: #000000;
  background: #E9BEC0;
  font-weight: 700;
  width: 103px;
  height: 70px;
  text-decoration: none;
  text-align: center;
  white-space: normal;
  user-select: none;
  padding: 0px;
  outline: none;
  border: 0px solid;
  border-radius: 1px;
  transition: 0.2s;
  font-family: 'Verdana', 'Arial', 'sans-serif';
  font-size: 11pt;
  font-weight:100;
} 
.buttonr:hover { background: url(zap2.png) no-repeat 50% 50%; color: transparent; }
.buttonr:active { background: #C3B670; }
 
 
.radiustl {
  border: 0px solid #5E3260;
  border-top-left-radius: 14px;
 
}
 
.radiustr {
  border: 0px solid #5E3260;
  border-top-right-radius: 14px;
}
 
.radiusbl {
  border: 0px solid #5E3260;
   border-bottom-right-radius: 14px;
 
}
 
.radiusbr {
  border: 0px solid #5E3260;
  border-bottom-left-radius: 14px;
 
 
}
 
table.table{
    width: 840px;
    height: 210px;
    border: 1px #000000 solid;
    border-spacing: 0px;
    padding: 0px;
    border-top-left-radius: 14px;
    border-top-right-radius: 14px;
    border-bottom-right-radius: 14px;
    border-bottom-left-radius: 14px;
}
table.table th{
    border: 1px #000000 solid;
    border-spacing: 0px;
    height: 70px;
    width: 103px;
    font-family: 'Verdana', 'Arial', 'sans-serif';
    font-size: 11pt;
    font-weight:100;
    padding: 0px;
}
table.table td{
    border: 1px #000000 solid;
    border-spacing: 0px;
    height: 70px;
    width: 103px;
    font-family: 'Verdana', 'Arial', 'sans-serif';
    font-size: 11pt;
    font-weight:100;
    padding: 0px;
}
 
.ui-dialog-osx {
    -moz-border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px; border-width: 0 8px 8px 8px;
        position: relative;
    top: 10px;
}
Не вижу ничего такого, что могло повлиять так
0
 Аватар для Lazy_Den
3325 / 2845 / 1423
Регистрация: 15.01.2014
Сообщений: 6,170
30.11.2015, 02:29
Цитата Сообщение от DePeBo Посмотреть сообщение
Не вижу ничего такого
CSS
1
2
3
4
5
6
7
.ui-dialog-osx {
    -moz-border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px; border-width: 0 8px 8px 8px;
    position: relative; /* <-- Вот это зачем? Комментируем или вообще удаляем */
    top: 10px; /* <-- Это, в принципе, тоже не особо нужно, хотя и не должно влиять */
}
Добавлено через 2 минуты
P.S. Кстати, в JS две строки ниже, как бы тоже лишние:
JavaScript
1
2
var lefto = document.documentElement.clientWidth/2-150;
var righto = document.documentElement.clientHeight/2-125;
0
2 / 2 / 0
Регистрация: 30.11.2015
Сообщений: 10
30.11.2015, 02:48  [ТС]
Удалил даже полностью класс и те строчки (через них думал каким то образом вычислить координаты).
Все так же. Мистика
0
2 / 2 / 0
Регистрация: 30.11.2015
Сообщений: 10
30.11.2015, 02:58  [ТС]
Может быть это поможет понять, что еще не так...

0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
inter-admin
Эксперт
29715 / 6470 / 2152
Регистрация: 06.03.2009
Сообщений: 28,500
Блог
30.11.2015, 02:58
Помогаю со студенческими работами здесь

Диалоговое окно
как создать диалоговое окно с выбором ответов да или нет

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

Диалоговое окно!
При нажатии на ссылку появляется вопрос удалить объявление да нет! Если да то делаем переход по ссылке если нет то ничего не делаем! ...

Диалоговое окно
Как вывести диалоговое окно &quot;Да - Нет&quot; в браузере?

Диалоговое окно
Подскажите функцию которая вызывает простое окошко, где текст, например, вы точно хотите удалить эту запись и две кнопки да и нет. В...


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

Или воспользуйтесь поиском по форуму:
8
Ответ Создать тему
Новые блоги и статьи
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf
8Observer8 25.01.2026
Содержание блога Если у вас не установлены Android SDK, NDK сделайте это, JDK, то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Перейдите по ссылке:. . .
Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly
8Observer8 24.01.2026
Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .
моя боль
iceja 24.01.2026
Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .
Модель сукцессии микоризы
anaschu 24.01.2026
Решили писать научную статью с неким РОманом
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
/ * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .
Восстановить юзерскрипты Greasemonkey из бэкапа браузера
damix 15.01.2026
Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru