Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 11.03.2016, 22:29   #1
KaMaKaDzA
Пользователь
 
Регистрация: 17.07.2013
Сообщений: 20
По умолчанию Проблема с display: inline-block

По условию задачи, в стиле должно быть display: inline-block. Однако, когда его добавляю, <input typer="range"> перескакивает на следующую строку. Подскажите пожалуйста, как это поправить?


Код HTML:
CSS:
label
{width: 180px;
display: inline-block;
text-align:right;
text-align:top;}

HTML:	 
<fieldset>
<legend>Your Indicators</legend>
<label for="height">Height: <span class="textL">Short</span><height>
<input type="range" min="0" max="100" name="height" id="height">
<span class="textR">Tall</span>
<br>
<label for="salary">Salary: <span class="textL">Poor</span></label><input type="range" min="0" max="100" name="salary" id="salary">
<span class="textR">Rich</span>
</fieldset>
- С display: inline-block (все хорошо, кроме того что перескакивает на следующую строку)

- Без display: inline-block

Последний раз редактировалось KaMaKaDzA; 11.03.2016 в 22:56.
KaMaKaDzA вне форума Ответить с цитированием
Старый 11.03.2016, 23:19   #2
KaMaKaDzA
Пользователь
 
Регистрация: 17.07.2013
Сообщений: 20
По умолчанию

короче можно закрывать. Я label не закрыл, из-за этого косяк был.
KaMaKaDzA вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как обойти display:block !important ? Capoeirista HTML и CSS 3 13.03.2016 00:57
Не работает style.display="inline" zeva JavaScript, Ajax 1 13.06.2012 16:34
Меню: display: block, padding-top и bottom keen_ HTML и CSS 0 17.03.2012 09:36
Display block не block mrgrudge HTML и CSS 2 25.12.2010 11:10
display: block; и ненужная горизонтальная полоса прокрутки. Benderbej HTML и CSS 2 23.08.2010 13:30