- 0
-
Similar Content
-
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: клади, пожалуйста, код в теги. Иначе тема может не пройти модерирование
-
By Dimasik
есть скрипт заменяющий классы группе блоков и присваивающий определённый класс по ip
function bir_0(){ $(".display").addClass('display_none'); $(".display").removeClass('display_block'); $("#bir_0").addClass('display_block'); $("#bir_0").removeClass('display_none');}function bir_1(){ $(".display").addClass('display_none'); $(".display").removeClass('display_block'); $("#bir_1").addClass('display_block'); $("#bir_1").removeClass('display_none');}function bir_2(){ $(".display").addClass('display_none'); $(".display").removeClass('display_block'); $("#bir_2").addClass('display_block'); $("#bir_2").removeClass('display_none');}function bir_3(){ $(".display").addClass('display_none'); $(".display").removeClass('display_block'); $("#bir_3").addClass('display_block'); $("#bir_3").removeClass('display_none');}код отлично работает в FF, но отказывается работать в Chrome (как работает в других браузерах не проверял), что не так? или предложите нормальный вариант, ибо это "топор"-ный вариант
-
-
Обсуждения
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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
Marina_dolya
Добрый день.
Помогите решить проблемку. В chrom и Opera
<select>
<option>100g</option>
</select>
у g обрезаeтся хвостик.
Link to comment
Share on other sites
1 answer 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.