С Новым годом! Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.53/15: Рейтинг темы: голосов - 15, средняя оценка - 4.53
 Аватар для ElvenDragon
3 / 8 / 1
Регистрация: 12.07.2009
Сообщений: 361

Input type=text padding-top, padding-bottom в safari не работают

17.10.2014, 20:05. Показов 3174. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
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
<!DOCTYPE html>
<html lang="ru">
 
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <style>
            /* НАЧАЛО ПОИСКА */
            form#search
            {
                position: absolute;
                top: 27px;
            }
            
            form#search > input
            {
                width: 147px;
                height: 13px;
                padding: 8px 0 3px 9px;
                border: 0;
                outline: 0;
                background-color: rgba(51,51,51,0.14);
                box-shadow: -1px 1px #fff, 1px -1px #000;
                border-radius: 6px;
                font-family: Arial;
                font-style: italic;
                color: #fff;
            }       
            /* КОНЕЦ ПОИСКА */
        </style>
    </head>
    
    <body>
        <!-- НАЧАЛО ПОИСКА -->
        <form id="search">
            <input type="text" value="Search Here" onfocus="if(this.value == 'Search Here') this.value = '';" onblur="if(this.value == '') this.value = 'Search Here';">
        </form>
        <!-- КОНЕЦ ПОИСКА -->
    </body>
    
</html>
Проблема заключается в том что если поиграться допустим padding: 8px 0 3px 9px; или padding: 3px 0 8px 9px;
Текст в текстовом поле не подымется или не опуститься в браузере safari в остальных все нормально. В чем проблема?
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
17.10.2014, 20:05
Ответы с готовыми решениями:

Padding-top в % и px
Дан блок, шириной - 396 px. Если задать padding-top - 54px, а потом заменить на padding-top - 13.64% получаются разные отступ (раза в 1,5-2...

Не работает padding-top в <li>
Здравствуйте! Делаю боковую менюшку для сайта с помощью списков. Хочу чтобы эта менюшка всегда была вверху. Но она смещается из-за того...

Нет реакции на padding-top в CSS
В блоке nav не могу сместить свои ссылки пониже. Padding-top вообще никакого результата не дает... HTML &lt;!doctype html&gt; ...

1
 Аватар для spite
9 / 9 / 3
Регистрация: 17.05.2011
Сообщений: 284
19.10.2014, 19:28
Попробуй через префиксы, а может и баг safari
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
19.10.2014, 19:28
Помогаю со студенческими работами здесь

padding-top: 1% берёт процент от ширины родителя
Вот код: #content { padding: 1%; } &lt;div id=&quot;content&quot;&gt; Content &lt;/div&gt; но почему-то padding берётся от ширины! В чём дело?...

Почему меняется высота блока при увеличении padding-top?
Добрый день! Не могу понять такую вещь. Блок с display:inline-block должен вести себя как строка. Но когда я прописываю код ниже,...

Inset box-shadow для input[type="text"] в safari
При верстке возникла проблема с отображением inset-тени для текстбокса в браузерах firefox и safari. Ее не было. В дальнейшем я пришел к...

Проблема с формой (<form action=1.php method=post> <input type=text name='first'> <input type=submit value=ok>)
Я пишу: &lt;form action=1.php method=post&gt; &lt;input type=text name='first'&gt; &lt;input type=submit value=ok&gt; по идее 1.php должен принять...

результат выборки из БД: rs.next(); String text=rs.getString('text'); <input type=text name=name value=<%=text%>>
Возникла проблема в текстовое поле надо вывести результат выборки из БД rs.next(); String text=rs.getString('text'); &lt;input...


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

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Новый CodeBlocs. Версия 25.03
palva 04.01.2026
Оказывается, недавно вышла новая версия CodeBlocks за номером 25. 03. Когда-то давно я возился с только что вышедшей тогда версией 20. 03. С тех пор я давно снёс всё с компьютера и забыл. Теперь. . .
Модель микоризы: классовый агентный подход
anaschu 02.01.2026
Раньше это было два гриба и бактерия. Теперь три гриба, растение. И на уровне агентов добавится между грибами или бактериями взаимодействий. До того я пробовал подход через многомерные массивы,. . .
Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути
Programma_Boinc 01.01.2026
Учёным и волонтёрам проекта «Einstein@home» удалось обнаружить четыре гамма-лучевых пульсара в джете Млечного Пути Сочетание глобально распределённой вычислительной мощности и инновационных. . .
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост.
Programma_Boinc 28.12.2025
Советы по крайней бережливости. Внимание, это ОЧЕНЬ длинный пост. Налог на собак: https:/ / **********/ gallery/ V06K53e Финансовый отчет в Excel: https:/ / **********/ gallery/ bKBkQFf Пост отсюда. . .
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru