- 0
-
Similar Content
-
By Marina_dolya
Добрый день.
Помогите решить проблемку. В chrom и Opera
<select>
<option>100g</option>
</select>
у g обрезаeтся хвостик.
-
By Wile E
Здравствуйте, дорогие форумчане. Я - новичок самоучка, поэтому для вас проблема может быть не очень сложная.
Мне нужно сделать выпадающий список, как на рисунке. Интересует меня то, как сделать такие оглавления, как на изображении ("по сторам", "по товару"), чтоб они не выпадали вместе с option.
Простите, если не совсем понятно и корректно выражаюсь!
-
By ivanm
<select> <option disabled>Имя Фамилия №телефона</option> <option>Андрей Мартыненко 123456789</option> <option>Кирил Богун 123321456</option> <option>Игорь Лях 258852123</option> </select> выводит:
Имя Фамилия №телефона
Андрей Мартыненко 123456789
Кирил Богун 123321456
Игорь Лях 258852123
а нужно с выравниванием каждой колонки:
Имя Фамилия №телефона
Андрей Мартыненко 123456789
Кирил Богун 123321456
Игорь Лях 258852123
пока спасаюсь анализом длины в php скрипте и добавлением тоесть своей функцией выравнивания,
но может есть более простой метод, HTML5 свойство, или CSS
-
By kattiperk
Здравствуйте.
Подскажите хороший плагин кастомного селекта и таким же кастомным скроллом. Желательно 2 в 1. Ну или посоветуйте, как объединить.
-
By temnoo
Добрый день, помогите добиться следующего:
Есть часть из кода:
<tr> <td style="font-weight: bold; font-family: Arial; background-color: rgb(182, 225, 252); width: 30%;" class="calcul_num"> <select id="Sborka" name="sborka" onchange="getCost(this.form)"> <option value="1">Нет</option> <option value="2">Да</option> </select> </td> </tr> <tr> <td style="font-weight: bold; font-family: Arial; background-color: rgb(182, 225, 252); width: 30%;" class="calcul_num"> <select id="Fundament" name="fundament" onchange="getCost(this.form)"> <option value="1">Нет</option> <option value="2">Грунтозацепы</option> <option value="3">Брус</option> </select> </td> </tr> Хотелось бы что бы при выборе "нет" в первом меню
ниже предлагалось бы
<option value="1">Нет</option> <option value="2">Грунтозацепы</option> в при выборе "да"
<option value="1">Нет</option> <option value="3">Брус</option> Спасибо.
От @klierik: клади, пожалуйста, код в теги. Иначе тема может не пройти модерирование
-
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-
Question
ekkl
Пытаюсь подобрать библиотеку для стилизации select
Не могу найти ничего более-менее приемлемое. Много из перебранных плагинов не поддерживают выбор клавиатурой, есть через навороченные.
Вот, например, это http://select2.github.io/select2/select-2.1.html бы подошло, но проблема в том, что не знаю как убрать поле поиска, которое отображается при открытии селекта.
Может кто-то скажет, как можно его убрать (понятное дело через стили можно скрыть) но нет ли штатного способа.
Или может посоветует другой плагин, безо всех там jQuery UI и прочих тяжелых навороченных библиотек.
--
Стилизацию через CSS без js рассматривал, но не очень красиво получается. так как выпадающая область несколько больше самого селекта получается.
Edited by ekklLink to comment
Share on other sites
3 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.