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

Абсолютное позиционирование

17.03.2015, 15:51. Показов 1006. Ответов 2
Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам
Подскажите в чем может быть проблема. Вот форма
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
<div id="wm_form">
                        <img src="images/send.png">
                        <h2>Запись на прием</h2>
                        <form id="contact" name="contact" action="#" method="post">
                            <div id="err">
                                <label for="name">Ваше имя:</label>
                                <input type="text" id="name" name="name" class="inp">
                                <div id="err_name"></div>
                            </div>
                            <div id="err">
                                <label for="tel">Моб. телефон:</label>
                                <input type="text" id="tel" name="tel" class="inp">
                                <div id="err_tel"></div>
                            </div>
                            <div id="err">
                                <label for="msg">Тип услуги:</label>
                                <select size="3" id="service" name="spisok" class="txt">
                                                <option value="1">Один</option>
                                                <option value="2">Два</option>
                                                <option value="3">Три</option>
                                                <option value="4">Четыре</option>
                                </select>
                                <div id="err_msg"></div>
                            </div>
                            <div id="err2">
                                <label for="date">День:</label>
                                <input id="date" name="date" class="date" readonly="true">
                            </div>
                            <div id="err2">
                                <label for="hour">часов:</label>
                                <input id="hour" name="hour" value="8" class="time" readonly="true">
                            </div>
                            <div id="err2">
                                <label for="minutes">минут:</label>
                                <input id="minutes" name="minutes" value="30" class="time" readonly="true">
                            </div>
                            <div class="clr"></div>
                            <button id="send">Отправить</button>
                        </form>
                </div>
вот css
CSS
1
2
3
#wm_form{background: url("../images/wm_bg01.png")no-repeat;background-size:100% 100%;font-family: Verdana, sans-serif;border-radius:5px;width:250px;padding:10px;margin:10% auto;border:1px #fff;box-shadow:0 0 3px #898989;position:relative;z-index:9999;}
#wm_form img{position:absolute;background: url("../images/send.png")no-repeat;background-size:100% 100%;top:14px;left:27px;border-radius:5px;width:250px;padding:10px;margin:-5% -10%;border:1px #fff;box-shadow:0 0 3px #898989;position:relative;z-index:1;
filter: alpha(Opacity=25);opacity: 0.75; }
Здесь #wm_form img указано position:absolute, но в результате я получаю position:relative, для этого элемента.
Что делаю не так?
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
17.03.2015, 15:51
Ответы с готовыми решениями:

Абсолютное позиционирование
Доброе утро, CSS начал использовать совсем недавно. База знаний - вроде неплохая, но не могу...

абсолютное позиционирование
Почему див (красный квадрат id=&quot;color&quot;) внутри другого дива (id=&quot;header&quot;) (обрамленный черной...

Абсолютное позиционирование
Устанавливаю значение position как absolute, но при изменении масштаба страницы форма поиска...

Абсолютное позиционирование
Всем привет! &lt;div class=&quot;catalog&quot;&gt; &lt;div&gt; &lt;a class=&quot;fancybox1 photo&quot;...

2
Эксперт HTML/CSS
653 / 556 / 322
Регистрация: 27.01.2015
Сообщений: 1,374
17.03.2015, 16:25 2
Чувак, ты вообще смотрел в свой CSS? Ты пишешь
CSS
1
#wm_form img{position:absolute бла бла бла position:relative}
1
1 / 1 / 1
Регистрация: 28.07.2014
Сообщений: 92
17.03.2015, 16:30  [ТС] 3
Shakalaka, и как проглядел... +1
0
17.03.2015, 16:30
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
17.03.2015, 16:30
Помогаю со студенческими работами здесь

Абсолютное позиционирование
Подскажите почему так происходит есть блок , задаю ему position relative внутри блок: ...

Абсолютное позиционирование
&lt;p align=&quot;left&quot; style=&quot;color:Black&quot;&gt;Создайте страничку с левым полем, в котором бы распалагался...

Абсолютное позиционирование по центру
Доброй ночи, не поделитесь интересными решениями разместить элемент по середине (горизонтали)...

Абсолютное позиционирование и отступы
Возможно ли сделать, чтобы не происходило наложение (скриншот). Использую абсолютное...


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

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru