HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
Стилизация select
Всем привет! Столкнулся с проблемой как стилизовать select. Никак не получается избавиться от кнопки списка, чтобы подменить ее своим элементом подходящим по стилю. На изображении видно кастомную кнопку сверху, вот ею нужно подменить дефолтную часть списка.
0 votes12 answers -
Стилизация активного пункта меню
Добрый день. Подскажите пожалуйста с таким моментом: есть динамически формирующееся меню. Потом я js проверяю какой пункт меню активен и добавляю ему класс. $(this).parent().addClass('yellow_active');т.е. yellow_active добавляю к <li>, который обёртывает <a>. Хочу что бы активный пункт выглядел так: .yellow_active { position: absolute; color: black; background: url("../images/active_li.png"); height: 128px; z-index: 2;}Если ставлю position: absolute; тогда активный пункт отображается как нужно, но остальные пункты отображаются не корректно. Если absolute убираю, то меню отображается корректно, но у активного пункта фоновая картинка не отображает…
0 votes8 answers -
Стилизация атрибута Value
С популяризацией использования CSS3 кнопок возник вопрос. Насколько гибко стилизуется данный атрибут, как в логике работы различных браузеров он выравнивается, описано ли это в спецификации и что к нему можно применить. Информация которую собрал достаточно туманна.
0 votes13 answers -
Стилизация вывода текста
Всегда пугает работа связанная с форматированием текста. Хочется использовать какой либо "шаблонизатор" или что-то подобное. Но в моём понимании "шаблонизатор" это такой скрипт на php или js, который при передаче ему текста вида: Заголовок 1 уровня === Заголовок 2 уровня ___ Обычный абзац с автоопределением переноса строки, т.е. ему даешь текст с отступами самого редактора(табами например), а он их сам распознает и соответствующе отображает. <img>ссылка на картинку</img> Сам расставляет теги и просчитывает отступы. Видел нечто подобное на гитхабе при создании страницы проекта, но не понял где его достать и как им пользоваться "изнутри". Рад буду любым ссыл…
0 votes1 answer -
Стилизация выплывающего списка
Добрый день! Подскажите можно вот так стилизовать список для всех браузеров? Картинки дана в развернутом виде.
0 votes5 answers -
стилизация глубоко вложенного тега через внешний класс
Здравствуйте! Я новичек в деле CSS, наткнулся на такую задачку: есть страница, фрагмент которой представлен ниже. нужно написать правило для задания параметров тега с классом v-button-caption, но, унакальное имя у меня у всего этого это v-first. как мне через него пройти до низов и достучаться до цели? как правильно записать? <form class="v-first" target="PID84_TGT_FRAME" action="http://localhost:8080/vt/APP/UPLOAD/PID84/action/1f13badc-1ba8-4b64-9148-8939e0ea0ee3" method="post" enctype="multipart/form-data"> <div> <input type="hidden"> <input type="file" name="PID84_file" class="gwt-FileUpload"> <div class="v-button"> …
0 votes1 answer -
Стилизация колонок в таблице c помощью <col>
Здравствуйте! Есть таблица из двух колонок. Как можно, не прописывая класс ко всем <td>, ко второй колонке применить класс .nowra;? Я пишу так, но не срабатывает. <table><col span="1"><col span="1" class="nowrap"><thead><tr><th>Наименование услуг</th><th>Цена</th></thead></tr><tbody><tr><td>Маникюр гигиенический</td><td><strong>600-00</strong></td></tr>...
0 votes6 answers -
Стилизация нумерованного списка с вложенным маркированным списком
Здравствуйте. Как сделать, чтобы нумерованный список сохранял последовательность нумерации при условии, что внутри него вложен маркированный список? На прикрепленном изображение видно, что нумерованный список после 2 продолжает с 6, вместо 3. Во всех остальных вариациях вложенности списков все нормально, только в этом варианте неверное отображение.
0 votes2 answers -
Стилизация первых букв, как сделать правильно
Необходимо у двух слов идущих друг за другом и выделенных заголовком <h1> сделать первые буквы красными. Что то наподобие вот этого: Первое Второе Как это сделать наиболее рационально CSS в отдельном файле и код XHTML 1.0 Strict? Подскажите пожалуйста!!!
0 votes1 answer -
стилизация полосы прокрутки
Приветствую! Возникла необходимость сделать полосу прокрутки под дизайн сайта. А именно вместо полосы прокрутки нужно поставить свои изображения. Реально ли это сделать?
0 votes2 answers -
Стилизация скролла
Ребят, привет, хочу сделать такой скролл, согласно макету , но scroll thumb не получается шире скролл трека самого, и я длину не могу задать скролл треку, подскажите, вообще можно ли это все сделать https://jsfiddle.net/6hy5q79u/1/ - вот сам код
0 votes1 answer -
стилизация скролла со смещением
помогите пожалуйста советом страничка из трёх колонок. вёрстка готова полностью и колонки подвинуть нет возможности. при этом клиент просит добавить стилизованный левый скролл левой колонке. я пробовал некоторые js-плагины, но все они работают по принципу: ограничить область и отсечь при помощи overflow: hidden родной скроллдобавить ВНУТРЬ контейнера новый(стилизованный) скроллпроблема в том, что в моём случае стилизованный скролл должен быть смещён влево за пределы контейнера, что невозможно при действующем overflow: hidden. при этом он должен быть изъят из потока(то есть не влиять на элементы центральной колонки) вот такая безвыходная ситуация. может кто-нибудь пос…
0 votes11 answers -
Стилизация скроллбара
Здравствуйте! Необходимо стилизовать горизонтальный скроллбар под стиль сайта. Гугл выдает противоречивую инфу по решению этой задачи: одни говорят, что на css кроссбраузерно сделать нельзя и необходимо использовать JS\JQuery, другие советуют использовать css и отдельные стили для webkit и gecko. Я не веб-разработчик и не знаю кому верить, поэтому прошу помощи - можно ли сделать кроссбраузерно на css - если нельзя, то посоветуйте максимально простой (чтобы новичок смог разобраться) плагин на JS\JQuery Спасибо.
0 votes3 answers -
Стилизация таб переключателей
Доброго времени суток уважаемые форумчане. Прошу помощи со стилизацией таб переключателей. Мой код, задуманы как в приложении 11. Заранее благодарен.
0 votes2 answers -
стилизация тега video
помогите пожалуйста советом непонятно как можно стилизовать панель html5-тега video. понятно, что там все элементы представляют себя псевдоэлементы. и даже, поискав в интернетах, можно названия этих псевдоэлементов получить. но ни ff, ни chrome не показывают ни одного псевдоэлемента. а хотелось бы увидеть
0 votes4 answers -
стилизация формы поиска
Уважаемые форумчане подскажите пожалуйста как стилизовать вот такую форму поиска! http://imageimage.ru/images/original/10018.html Просто ничего в голову не приходит!
0 votes2 answers -
Стилизация чекбокса без label
Привет всем. В интернете есть полно статей о том, как стилизовать чекбокс, но я не могу использовать атрибут for для привязки label и чекбокса, т.к. у меня label является внешним по отношению к чекбоксу и такую струтктуру желательно не нарушать. Есть ли метод стилизации чекбокса без применения <label for=''> ? К примеру у меня сейчас проблема с тем, как спрятать стандартній чекбокс и оставить только синий кружочек для input:checked https://jsfiddle.net/k4nq7paL/
0 votes9 answers -
Стилизация чекбоксы и радиобаттоны
Всем привет. Подскажите как лучше делать подобные чекбоксы и радиобаттоны ? Скриншот взял чисто для примера, чтоб вы поняли о чем идет речь. http://www.jotform.org/wp-content/uploads/2013/07/jquery-change-checkbox-style.jpg
0 votes3 answers -
style.css Стилизация элемента, принципиальный вопрос!
Доброго времени суток, для начала объясню проблему. Есть страница к которой подключается 2 стиля с помощью <link href="... один demo.css другой style.css на странице есть <input type="search"... Так вот его изначальный стиль задан в style.css но если demo.css оставить подключенным то стиль input'а наченает меняться и это при том, что в demo.css я прошелся поиском вдоль и поперек на предмет input, search или классов и id которые могут быть затронуты. Но ничего!!!! Ничего не должно изменять этот инпат, но проблема решается отключением demo.css стили нормализуются, как понять? <div class="cd-filter-block"><h4>Поиск</h4> <div cla…
0 votes4 answers -
Стилизованная кнопка распадается на части
Здравствуйте. Имеется стилизованная под кнопку ссылка: http://codepen.io/Kristinita/pen/EKxZQO . На экранах мобильных устройств она выглядит вот так неприглядно. Когда кнопок много, получается совсем каша. Что нужно сделать, чтобы стилизованная кнопка размещалась на строке в полном размере без нарезок? Спасибо.
0 votes3 answers -
Стилизованный input[text] проблема с div-ами
Привет. Решаю тут задачу стилизации поля ввода. При помощи js тег <input> обёртывается в конструкцию из div следующего вида: <div class="input_text_box"> <div class="left_wrap"></div> <div class="center_wrap"> <input type="text" name="text" size="20"/> </div> <div class="right_wrap"/></div> </div> CSS к нему: input[type="text"], input[type="password"] { border: 0; background: transparent; height: 27px; padding-left: 7px; color: #666666; } .input_text_box { display: inline-block; } .input_text_box .left_wrap { width: 2px; height: 27px; display: inline-block; backgrou…
0 votes4 answers -
Стилизованный селект
как сделать такой селект где в поиске http://demo4plazathemes.com/19/ma_vanesa/index.php/?___store=english ?
0 votes2 answers -
стилизовать скроллы
подскажите пожалуйста скрипт, при помощи которого можно стилизовать скролл браузера. здесь один из самых распространенных в сети. но его(и подобные) очень трудно допилить под свой проект так как в моем случае на одной странице может находиться несколько областей со скроллом, оформленых различно.
0 votes1 answer -
Стиль
У меня есть код где написано один стиль для текста но в блоках должен быть другой стиль текста как сделать это?? Текст в блоке " <div id="blockNav1">" <div id="nav"> <ul class="mainMenu"> <li style="border-left:none;" class="Diablo1">Diablo</li> <li class="warCraft2">WarCraft</li> <li class="wow3">World of WarCraft</li> <li class="starcraft4">StarCraft</li> <li style="border-right:none;">Войти или зарегистрировать</li> <div id="blockNav1"> <div class="closeBlock"></div> <span class="titlBlockNav">Навигация</span> …
0 votes6 answers -
Стиль css
Здравствуйте. Я задал в css : table { border: 1px solid c0c0c0; } Как остановить работу стиля? В последующий тегах <table>, стиль повторяется, мне это не нужно!
0 votes10 answers