PHP.SU

Программирование на PHP, MySQL и другие веб-технологии

PHP.SU Портал

Главная

Помощь

Поиск

Поиск Яндекс Вакансии

Пользователи

Здравствуйте, Гость

( Вход · Регистрация · Правила форума )

Забыли пароль?

Применение margin-top/-bottom к замещаемым строковым элементам

Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS (Модераторы: ALEN, armancho7777777)

Страниц (1): [1]

Без описания

Поиск в теме | Версия для печати

Pavelbeginner	Отправлено: 16 Мая, 2012 - 23:52:42
Частый посетитель Покинул форум Сообщений всего: 882 Дата рег-ции: Март 2010 Помог: 1 раз(а)	К блочным элементам можно применять свойства margin-top/-bottom и padding-top/-bottom. К строковым элементам нельзя. А к строковым замещаемым элементам, таким как input или img можно или нет применять данные свойства?

DeepVarvar	Отправлено: 17 Мая, 2012 - 09:33:03
Активный участник Покинул форум Сообщений всего: 10377 Дата рег-ции: Дек. 2008 Откуда: Альфа Центавра Помог: 353 раз(а)	Pavelbeginner пишет: К строковым элементам нельзя <i style="padding: 20px; font-style: normal; border: solid 2px #f00;">Paddings</i> ??? Другое дело есть еще line-height.. Второй вопрос уже не корректен видимо. ----- Шта? Репозиторий?

Pavelbeginner	Отправлено: 17 Мая, 2012 - 13:12:56
Частый посетитель Покинул форум Сообщений всего: 882 Дата рег-ции: Март 2010 Помог: 1 раз(а)	[color=black][/color] DeepVarvar пишет: <i style="padding: 20px; font-style: normal; border: solid 2px #f00;">Paddings</i> ??? Другое дело есть еще line-height.. Второй вопрос уже не корректен видимо. padding-top/-bottom во многих браузерах не влияют на размер блока, сам видел, сам проверял, сам видел в документации про это говорилось. (Добавление) убедетиесь сами <div style="overflow:hidden;"> <i style="padding: 20px; font-style: normal; border: solid 2px #f00;">Paddings</i> </div> (Отредактировано автором: 17 Мая, 2012 - 13:16:42)

Viper	Отправлено: 17 Мая, 2012 - 13:21:36
Активный участник Покинул форум Сообщений всего: 4555 Дата рег-ции: Февр. 2007 Откуда: Симферополь Помог: 98 раз(а)	Pavelbeginner ну вообще-то input и img это блочные элементы. Только вот смысл применять padding для img? (Отредактировано автором: 17 Мая, 2012 - 13:22:19) ----- Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе

DeepVarvar	Отправлено: 17 Мая, 2012 - 13:31:46
Активный участник Покинул форум Сообщений всего: 10377 Дата рег-ции: Дек. 2008 Откуда: Альфа Центавра Помог: 353 раз(а)	Pavelbeginner пишет: убедетиесь сами Убедитесь: CODE (html): скопировать код в буфер обмена <p>Nulla tempus sapien at lacus accumsan ullamcorper. Duis lobortis mattis ullamcorper. Lorem ipsum dolor sit amet, consectetur <i style="padding: 20px; font-style: normal; border: solid 2px #f00;">adipiscing elit. Etiam vitae tellus vitae</i> enim iaculis ornare sit amet ut lacus. Ut nec nunc id arcu aliquam malesuada. Nunc ante lorem, congue ut sagittis id, placerat ut tellus. Mauris tellus leo, tincidunt quis porttitor id, venenatis vitae justo.</p> ----- Шта? Репозиторий?

Pavelbeginner	Отправлено: 17 Мая, 2012 - 13:40:03
Частый посетитель Покинул форум Сообщений всего: 882 Дата рег-ции: Март 2010 Помог: 1 раз(а)	Viper пишет: Pavelbeginner ну вообще-то input и img это блочные элементы. Только вот смысл применять padding для img? Это строчные элементы. Ну как минимум на это указывает то, что можно на одной строке располагать сколько угодно селектов, инпутов и т.д. padding для img не нужен, а вот margin для select-ов мне понадобился т.к. один селект находится под другим. Поэтому и хочу узнать по документации можно ли применять margin-top/-bottom. Если нельзя, то margin-top/-bottom в некоторых браузерах может не влиять на высоте блока и тогда мои селекты слипнутся. (Добавление) DeepVarvar пишет: Pavelbeginner пишет: убедетиесь сами Убедитесь: CODE (html): скопировать код в буфер обмена <p>Nulla tempus sapien at lacus accumsan ullamcorper. Duis lobortis mattis ullamcorper. Lorem ipsum dolor sit amet, consectetur <i style="padding: 20px; font-style: normal; border: solid 2px #f00;">adipiscing elit. Etiam vitae tellus vitae</i> enim iaculis ornare sit amet ut lacus. Ut nec nunc id arcu aliquam malesuada. Nunc ante lorem, congue ut sagittis id, placerat ut tellus. Mauris tellus leo, tincidunt quis porttitor id, venenatis vitae justo.</p> padding-top/-bottom не влияет на размер блока, поэтому какой бы большой отступ сверху или снизу вы не задавали, блок будет на том же месте.

DeepVarvar	Отправлено: 17 Мая, 2012 - 13:54:31
Активный участник Покинул форум Сообщений всего: 10377 Дата рег-ции: Дек. 2008 Откуда: Альфа Центавра Помог: 353 раз(а)	Pavelbeginner пишет: не влияет на размер блока не блока, а элемента, не блочного элемента. Однако, посмотрите где находится бордюр. ----- Шта? Репозиторий?

Viper	Отправлено: 17 Мая, 2012 - 14:15:53
Активный участник Покинул форум Сообщений всего: 4555 Дата рег-ции: Февр. 2007 Откуда: Симферополь Помог: 98 раз(а)	Pavelbeginner пишет: Это строчные элементы верно. чет я тупанул как обычно. А попробовать что мешает? Как минимум ихнее поведение будет как у блочных элементов. ----- Список фильмов с описанием, блекджеком и... для Joomla? -> https://киноархив[dot]com Демо нового движка для сайта php.su -> php[dot]su, проект на гитхабе

Pavelbeginner	Отправлено: 17 Мая, 2012 - 14:23:13
Частый посетитель Покинул форум Сообщений всего: 882 Дата рег-ции: Март 2010 Помог: 1 раз(а)	Viper пишет: попробовать что мешает? Как минимум ихнее поведение будет как у блочных элементов. Ну попробовать я естественно пробовал, но как обычно хочу знать как обстоят дела с документацией, чтобы не было потом сюрприза, что в таком-то браузере, в такой-то версии, отображается не так как я рассчитывал.

Поиск в теме | Версия для печати

Страниц (1): [1]

Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)

« HTML, Дизайн & CSS »

Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.