HTML Coding

29,542 questions in this forum

1. Ребят как в bxSlider сделать нумерацию слайдов внутри Pager

   В общем проблема в следующем, есть макет со слайдером, писать слайдер самому на данный момент не позволяет уровень знания JS и JQuery, по этому решил использовать bxSlider, но проблема в том что нужно сделать внутри пейджера контент с нумерацией слайдов, а куда это писать не пойму в js файле, все немного сложно написано. Подскажите куда что писать или какое нибудь другое более простое решение резинового слайдера.

   Asked by Konstantin99, August 8, 2016

   0 votes
   4 answers
2. Кнопки в мобильной версии

   Здравствуйте всем. Возникла проблема с кнопками (в мобильной), в хромовском эмуляторе все норм, а вот что http://joxi.ru/12MxVdZTxJEVmJ В чем может быть проблема, что не так подскажите ( http://main.sk-koba.ru/pics-mobile/mobile_new_edit_album.html

   Asked by kent, August 10, 2016

   0 votes
   4 answers
3. Сложная таблица средствами css

   Народ, подскажите пожалуйста, возможно ли сверстать такого типа таблицу средствами css? Простые таблицы мне понятны, а вот попалось посложнее и подвис.

   Asked by Archimboldo, August 18, 2016

   • таблицы css
   0 votes
   4 answers
4. Фиксированное меню с помощью Javascript

   Здравствуйте! Уважаемые коллеги, подскажите, пожалуйста, как решить две проблемы: 1. Есть фиксированное меню, которое должно появляться при скролле (450 px от верха документа). Вот что у меня получилось - https://jsfiddle.net/9re1o9ta/ Почему-то при прокрутке страница начинает прыгать и меню (которое должно быть зафиксировано) просто мигает. Как быть в данной ситуации? 2. В этом же меню мне необходимо при той же прокрутке (450 px от верха документа) добавить html элементы: var elementToWrap = document.querySelector('header').innerHTML; var wrapper = "<div class='header-inner'>" + elementToWrap + "</div>"; document.querySelector('header'…

   Asked by volshebnyi, September 2, 2016

   0 votes
   4 answers
5. Помогите сверстать макет по примеру

   Есть 4 блока выстроенные в одну линию. Крайние два имеют фиксированную ширину (например 100 и 150 пх). Средние два блока одинаковой ширины и должны растянуться что бы вся конструкция заняла всю ширину экрана. При изменении ширины окна браузера конструкция, сжимая\разжимая средние 2 блока, должна занимать всю ширину. Для примера: https://jsfiddle.net/jjzycey8/2/

   Asked by alleclf, September 4, 2016

   0 votes
   4 answers
6. Помогите скрыть div

   <div class="content__left content__along" data-min-height="793" style="min-height: 793px;"> <style> #vw2wukgldi{overflow: hidden; position: relative; height: 23px; padding: 5px 0 7px 7px; background: #f2f2f2; line-height: 18px; white-space: nowrap;} </style> <div id="vw2wukgldi"> <img alt="" style="width:0;height:0;position:absolute;visibility:hidden;" src="https://rs.mail.ru/d20185091.gif?sz=4&rnd=157083199&ts=1473023234&sz=4"> <script type="text/javascript"> (function(){ app.Dollars.showDirect(131207, "worm", { stat_id: 723102 , site_charset: 'utf-8' , type: 'row' , ad_format: 'direct' , title_font_size: 2 …

   Asked by БлагоѨръ, September 4, 2016

   0 votes
   4 answers
7. Как добраться до последнего элемента в блоке средствами CSS

   Подскажите, пожалуйста, как добраться до последнего элемента <button> в этом списке? <div class="parent"> <button class="accordion">Раздел 1</button> <div class="panel"> <a href="#">Мои потоки</a> <a href="#">Непрочитанное</a> <a href="#">Базовые фигуры</a> </div> <button class="accordion">Раздел 2</button> <div class="panel"> <a href="#">Мои потоки</a> <a href="#">Непрочитанное</a> <a href="#">Базовые фигуры</a> </div> <button class="accordion">Раздел 3</button> <div class="panel"> <a hre…

   Asked by volshebnyi, September 15, 2016

   0 votes
   4 answers
8. Создание почти слайдера на CSS

   Задача такая, есть 3-и ссылки, каждая из этих ссылок относиться к своему контенту, необходимо что бы при нажатии на ссылку показывался необходимый контент.Реализовать все посредством css и желательно не фиксированной высоты. У меня есть вот такая штука пример работы, но я столкнулся с такими проблемами. 1) Блок "green" имея свою высоту вылазит за пределы "wrapper". 2)При клике по одному из блоков, теряется фокус на ссылке и блоки меняются на default. Как можно это реализовать?Пробовал через "display", но чет как то тоже не задалось.

   Asked by Konstantin99, September 16, 2016

   0 votes
   4 answers
9. Можно ли затемнить ВСЕ родительские блоки?

   Вот скажите пожалуйста, возможно ли такое, если блок внутри родителя (ну и родителей, естественно): при выпадении меню по наведении, всё что под ним - затенять? https://road.media/ Наведя на каталог, хочу добиться, чтобы всё что вокруг "выпадайки" затенилось. Это возможно? Если пытаться через opacity для родителей, то затеняется всё вместе с ребенком, что логично. Есть мысль с абсолютным блоком под выпадайкой, но выше родителей, но как его вызвать и позиционировать не додумаюсь что-то. Направьте? Типа того: .page-wrap::before { background: rgba(0, 0, 0, 0.4) none repeat scroll 0 0; content: ""; height: 100%; position: fixed; …

   Asked by d0ublezer0, September 20, 2016

   0 votes
   4 answers
10. Проверка работы с <label>

    Добрый день.Есть у кого возможность проверить ,если тут ошибки. https://jsfiddle.net/t01z1yyk/

    Asked by vavvka, September 27, 2016

    • html
    0 votes
    4 answers
11. Сервис для создания страницы-редиректа

    Есть ли какой-то сайт, который позволяет пользователю создавать одну пустую html-страницу, которую он может использовать под свои цели, в том числе, сделать с неё моментальный редирект? Чтобы были красивые адреса не интересует, просто рекомендовать каждому под такую нужду заводить себе полноценный сайт — это не самый оптимальный ход Подобно сервисам размещения изображений, только размещение html-страниц, с более-менее адекватным сроком хранения. Отсутствие регистрации, платы были бы чертовски приятным плюсом, но предложите хотя бы что-нибудь. В гугле не забанен, но он меня не понимает.

    Asked by Melodyn, October 5, 2016

    0 votes
    4 answers
12. Как избавиться от гор. прокрутки

    Всем привет. Скажите, как сделать так чтобы при заполнении блока текстом по горизонтали- происходил перенос строк. Даже если нет пробелов. Прокрутка мне нужна, но только вертикальная. Вот CSS стили блока article { height: 800px; width: 95%; background-color: #f7f7f7; box-sizing: border-box; margin-left: auto; margin-right: auto; padding:10px; border: 3px double red; border-radius: 15px; overflow:auto; font-size: 1.2em; font-family: Comic Sans MS, sans-serif; }

    Asked by gosha12, October 8, 2016

    • горизонтальная прокрутка
    0 votes
    4 answers
13. Стоит ли разделять стили на несколько файлов

    Планирую на сайте сделать несколько тем оформления. Отличаться будут только цветовым оформлением, вся структура страницы останется без изменений. Например, есть 2 темы - светлая и темная: 1. Файл стилей со структурой сделать общим для всех тем. При изменении темы оформления подгружать второй файл со стилями в котором указаны только цвета - шрифта, фона, ссылок и т.д. 2. Для каждой темы сделать один свой стиль включающий как структуру так и цвета. Как лучше поступить? Я склоняюсь к 2 стилевым файлам - это как-то более логично. Зачем при переходе подгружать все стили если можно тянуть маленький файл. С другой стороны гугл советует на сайте использовать т…

    Asked by alleclf, October 9, 2016

    0 votes
    4 answers
14. Chrome и Opera не отображают иконочный шрифт

    Проблема следующая: Хром и Опера отказываются отображать иконочный шрифт, хотя в Мозиле и ИЕ все ок. Самое интересное, что это только на домашнем ПК. На рабочем все браузеры отображают содержимое адекватно. На обоих компах стоит Win7 SP1, браузеры актуальных версий. Шрифты подключил вот так @font-face { font-family: 'symbols-technomart'; src: url('../font/symbols-technomart.eot?23527613'); src: url('../font/symbols-technomart.eot?23527613#iefix') format('embedded-opentype'), url('../font/symbols-technomart.woff?23527613') format('woff'), url('../font/symbols-technomart.ttf?23527613') format('truetype'), url('../font/symbols-technomart…

    Asked by Aziel, October 16, 2016

    0 votes
    4 answers
15. Подключение подписки на форму сайта

    Здравствуйте. Не могу подключить подписку на уже готовую форму на сайте, создал форму подписки в сервисе sendpulse, но в ней нет "form action=" чтоб от туда скопировать ссылку. Где мне её найти? Прилагаю код формы. Скрытый текст <div id="87175e462c5b7fb1f1a72f18723a09c5c390f739b7ab4d19f5339cd01873e239" style="width: 350px !important;background-color: #f0f5fa !important;border-style: solid !important;border-width: 1px !important;border-color: #00b668 !important;border-radius: 5px !important;font-family: 'MS Serif', 'New York', serif !important;"><style>.87175e462c5b7fb1f1a72f18723a09c5c390f739b7ab4d19f5339cd01873e239_form_line p,.87175e4…

    Asked by Mizorg, October 26, 2016

    0 votes
    4 answers
16. 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…

    Asked by karakymg, November 4, 2016

    • стилизация
    • input
    0 votes
    4 answers
17. float, clear, overflov

    Сабж. Не только подробное описание, но и различные трюки. Где почитать очень, ну очень подробно :). Статья, набор статей или раздел книги (название, аффтар, и желательно раздел или страница ). С примерами. На русском.

    Asked by torsar, November 10, 2016

    0 votes
    4 answers
18. Цвет элемента option selected

    Добрый день. Как задать красный цвет у слова "выбор" при закрытом списке? <select> <option disabled selected>выбор</option> <option>1</option> <option>2</option> </select>

    Asked by Ubhra, November 11, 2016

    0 votes
    4 answers
19. Короткая запись свойства font

    Добрый день Уважаемый саппорт. Моя проблема заключается в следующем: когда я пишу свойство font короткой записью, и в ней указываю значение свойства line-height: множитель указываю, в пикселях или в др. величинах, браузер все правила сбрасывает в ноль, т.е как будто я не прописывал никаких css-свойств. Но когда расписываешь полностью все свойства текста, без короткой записи - line-height срабатывает. Если одновременно, между { } скобками прописываешь отдельно line-height: со значением и следующей строкой пишешь короткую запись font, не указывая при этом значения этого свойства, т.к это свойство было указано выше, то браузер применяет все правила указанные в короткой запис…

    Asked by Nikolay7, November 13, 2016

    0 votes
    4 answers
20. Как получить все элементы tr из нескольких таблиц (JavaScript)

    Здравствуйте! Есть, например, три таблицы. Для фильтрации по этим трем таблицам одновременно, необходимо получить все элементы tr из всех таблиц. https://jsfiddle.net/kn7L0jn4/1/ Подскажите, пожалуйста, как это правильно сделать?

    Asked by volshebnyi, November 19, 2016

    0 votes
    4 answers
21. Как сделать вертикальное позиционирование блоков

    Есть 3 блока размещенные вертикально в общем контейнере. Необходимо, что бы первые два были в самом верху, а третий в самом низу. Проблема в том, что высота главного блока меняется (в шаблоне указана в % и зависит от размеров окна браузера). Вот заготовка (я отступом отодвинул блок туда где он примерно должен быть) - https://jsfiddle.net/s306hnge/1/ Спасибо.

    Asked by alleclf, November 20, 2016

    0 votes
    4 answers
22. Как правильно сверстать этот блок?

    В общем, есть такой блок(см. прикрепленные файлы). Так же есть спрайт с иконками для каждого пункта. Я написал такой код для каждого айтема. И у меня возник такой вопрос: как лучше разместить иконки в айтеме? Читал, что нужно делать в CSS через background, но тогда придется дублировать код и нужно будет давать уникальные имена айтемам. Или же всё таки в этом случае использовать тэг img? Хотелось бы услышать мнение бывалого специалиста) p.s. для разметки использовалась сетка bootstrap <div class="row"> <div class="services"> <div class="col-md-4"> <div class="service-item"> <h3>Photography</h3> <p…

    Asked by hetsketch, November 21, 2016

    0 votes
    4 answers
23. Непрозрачное содержимое на полупрозрачном фоне

    Здравствуйте! Как отобразить содержимое блока непрозрачным, а фон блока задать полупрозрачным?

    Asked by hike, November 22, 2016

    0 votes
    4 answers
24. Выпадающее меню вверх

    Привет мои дороги, нужна помощь: Как сделать, чтобы выпадающее меню выпадало выше, а не начиналось напротив кнопки, которая его вызывает при наведении на неё Вот код : http://codepen.io/Anatoliy667986584/pen/NbjEPP. в css напротив каждого селектора есть подсказки. Подскажите что и куда вписать в этот код, или если не сложно впишите сразу )

    Asked by Анатолий1944, November 23, 2016

    • выпадающее меню вверх
    0 votes
    4 answers
25. Продолжая тему псевдокласса not()

    Например я хочу закрасить DIV но не трогая P div{ width:400px; height:400px; border:1px black solid; } p{ width:200px; height:200px; border:1px black solid; } div:hover:not(p){ background:black; } <div> <p></p> </div> div:hover:not(p) это применение потомка к not так нельзя https://jsfiddle.net/sm5jr7vd/

    Asked by aqua.77, November 24, 2016

    0 votes
    4 answers