HTML Coding

29,542 questions in this forum

1. Как сверстать противоположенную стрелку на слайдере

   Подскажите пожалуйста как правильно сверстать стрелки переключатели на слайдере, с первой вроде получается да? а вторую не знаю как прилепить... вот моя попытка: http://jsbin.com/mupetamoca/edit?html,css,output

   Asked by Rimming, July 27, 2016

   0 votes
   1 answer
2. Пробмела с многоточием у многострочного текста text-overflow: ellipsis и white-space: normal

   Столкнулся с проблемой: text-overflow: ellipsis добавляет многоточие только если в блок не влазит строка по ширине. Если же есть возможность переноса и строка не вмещается по высоте, многоточие не добавляется. Сталкивался ли кто-нибудь с этой проблемой? Подскажите, пожалуйста, решение. Пример http://codepen.io/RenusAvin/pen/RRBWpP .

   Asked by RenusAvin, July 29, 2016

   • css
   • text-overflow
   0 votes
   1 answer
3. Резиновое меню

   Как сделать чтобы меню и таблица сжимались отдельно. То есть Сжималась таблица, а когда граница браузера дойдёт до меню, сжималось меню. header.top nav{ position: absolute; top: 361px; height: 50px; background-color: #FBFBFB; display: table; border-spacing: 7px 5px; margin: 0px 0px 0px 476px; padding: 0px 265px 0px 50px; } header.top nav ul{ font-size: 10pt; display: table-row; } header.top nav ul li{ display: table-cell; width: 10%; text-align: center; } header.top nav li a{ font-family: arial; color: #2D2D3D; text-decoration: none; padding: 12.5px 0px 12.5px 0px; display: block; Сейчас они сжимаются одновременно...

   Asked by aqua.77, July 29, 2016

   0 votes
   1 answer
4. Ошибка "Используйте кеш браузера"

   Здравствуйте, коллеги. сверстал сайт, а pagespeed ругается: "Если указывать в заголовках HTTP дату или срок действия статических ресурсов, браузер будет загружать уже полученные ранее ресурсы с локального диска, а не из Интернета." Как это сделать? Он приводит список моих js, css файлов и предлагает им задать эти параметры. Как это делается? Можете на примерах сказать? буду признателен за помощь!

   Asked by devid89, July 30, 2016

   0 votes
   1 answer
5. возможна ли установка sass через bower

   bower i sass ничего не находит воспользовавшись search по библиотекам нашло Sass bootstrap-sass попробовал bower i Sass -S терминале выдало запрос на пароль github ввел адрес пароль не установилось

   Asked by spartak9871, August 4, 2016

   • bower sass
   0 votes
   1 answer
6. Изменение кнопки меню в адаптивной вёрстке

   Добрый день. Помогите, пожалуйста, разобраться, никак не могу сделать так, чтобы на маленьких экранах кнопки становились меньше. Конструкция кнопок выглядит таким вот образом. Как прописать при: @media screen and (max-width: 700px) and (min-width: 300px){ их уменьшение? Кнопки даже не думают уменьшаться, просто переносятся в строку, а размер картинок не меняется. Пробовал уже всякое найденное в сети, но ни в какую не меняется размер. Нужно сделать их адаптивными. Просто картинку адаптивной могу сделать, картинку в виде ссылки могу сделать, но нужно чтобы при наведении картинка менялась, а из-за этого она становится тегом "<a href=...", а в нём картинка…

   Asked by cuyofiveg, August 7, 2016

   0 votes
   1 answer
7. div блок, управление

   День добрый. Столкнулся с такой проблемой как перемещение div бока. Сам сайт я пытаюсь как-то сделать адаптивным и мне нужно рядом с div болком поставить еще 1 div блок. Как мне это сделать? Проблема в том что если я буду переносить с помощью px или % то этот блок будет куда нибудь сносить (при других разрешениях экрана).Что делать P.S. Ссылка на сайт: http://fineway.net16.net/ .Как он должен выглядеть: http://imgur.com/TjsJiXv . HEEEELP!

   Asked by Tardpipl, August 8, 2016

   • div
   • блок
   • перемещение
   0 votes
   1 answer
8. Выступ текста в теге <pre> при переносе

   Есть текст в теге pre с переносом слов. Можно ли как-то сделать выступ на перенесённый текст (начинался бы с красной линии)? Есть: Нужно: Сам текст: <pre> 19.25 Тема дня. 19.40 “Се человек”. Художественный руководитель Национального академического театра балета Республики Беларусь Валентин Елизарьев. 20.10 Криминальная хроника. 20.40 Колыбельная. 21.00 Панорама. 21.50 Кто это? 22.00 “Рожденная революцией”. Худ. фильм. 1-я серия. 23.10 Концертный сезон. Белорусские народные песни в исполнении Нины Ковалевой и инструментального ансамбля Белтелерадиокомпании. </pre> Перенос текста формируется так: pre…

   Asked by PavelDAS, August 9, 2016

   0 votes
   1 answer
9. Табы появляение активности при нажатие и прелоад.

   Доброго времени суток. Вот такой у меня получился сайтик http://www.nashe.eu/about/ и вопрос конкретно по этой странице, и прелоаду главной На странице о компании, есть блок с классом about, там текст, который должен быть при переходе на страницу данную страниц, но верхние табы должны оставаться на ней всегда... Подскажите, как сделать так, чтобы активность у таба появлялась по нажатию и открывался блок с контентом данного таба, а у блока about появлялся display: none... Вот скриптик $('ul.tabs__caption_about').on('click', 'li:not(.active)', function() { $(this) .addClass('active').siblings().removeClass('active') .closest('div.tabs_abou…

   Asked by Mary_RND, August 11, 2016

   0 votes
   1 answer
10. inpur range диапазон

    Доброго времени суток. Подскажите, пожалуйста, как можно реализовать второй ползунок к input range, чтобы отображать диапазон значений, не используя плагины jquery. <input type="range" id="r1" oninput="fun1()" min="0" max="1000" step="10" value="0" > <input type="text" id="i1"> <script> function fun1() { var rng=document.getElementById('r1'); var i1=document.getElementById('i1'); i1.value=rng.value; } </script>

    Asked by imakhortykh, August 11, 2016

    0 votes
    1 answer
11. Проблема с табами

    Всем привет! Не получается сверстать вот такие табы не могу понять что делаю не так . все что получается у меня это непонятно почему вылезла эта линия внизу, в не активном режиме и не получается ее скрыть. При нажатии вроде как все нормально , а вот именно сначала вылазит эта линия . Надеюсь на помощь ) вот код <div class="col-md-7"> <div class="tabs_header clearfix"> <div class="wrapper"> <div class="tabs clearfix"> <span class="tab">Скидки учащимся</span> <span class="tab">Дополнительные скидки</span> </d…

    Asked by Driven, August 12, 2016

    • табы
    0 votes
    1 answer
12. Ссылку на актуальную статью по less

    Дайте, пожалуйста, ссылку на актуальную статью по less... Имею Kubuntu, Chromium, FF, установленные пакеты less-458-2, nodejs-0.10.25~dfsg2-2ubuntu1 гуглом нахожу какие-то обрывки

    Asked by mstdmstd, August 13, 2016

    0 votes
    1 answer
13. Модификация кнопки

    Здравствуйте. Помогите, пожалуйста, изменить код кнопки. А именно привязать к ней ссылку, чтобы при нажатии на кнопку эта ссылка открывалась в новом окне. Соответственно чтобы изначальные функции кнопки не были утеряны (submit). Вот код с которым у меня возникли проблемы. Разными способами пытался, но всё тщетно. var button = '<input type="submit" class="btn btn-primary btn-lg" value="Take it, Easy">';

    Asked by Alexey1111, August 13, 2016

    0 votes
    1 answer
14. Как сделать такой блок

    Здравствуйте господа! Возникла проблема, не знаю как реализовать. Нужно сделать такой блок, который я на схеме расположил между верхним и нижним блоком. Чтобы у него были внутренние отступы от краёв, как на схеме и он делился на две части ( в одной текст, в другой видео). Благодарю за ответ и помощь в реализации!

    Asked by Zakonoposlushniy, August 18, 2016

    0 votes
    1 answer
15. Выравнивание меню

    https://jsfiddle.net/konstantinskiy/3unbLjwk/1/ Есть вот такой пример меню, нужно сделать чтобы стрелочка была прижата к тексту справа, а не к диву с правой стороны. Как это сделать?

    Asked by GuitarFan, August 21, 2016

    0 votes
    1 answer
16. Правильное оформление меню в тегах <nav> и <ul>

    Добрый день. Всегда верстал меню так: <nav> <a href="#">Пункт меню 1</a> <a href="#">Пункт меню 2</a> <a href="#">Пункт меню 3</a> </nav> Потом полазил по разным сайтам и заметил, что почти все делают такую структуру: <nav> <ul> <li><a href="#">Пункт меню 1</a></li> <li><a href="#">Пункт меню 2</a></li> <li><a href="#">Пункт меню 3</a></li> </ul> </nav> Даже здесь, на вашем форуме, меню оформлено в маркированном списке. Почему? Зачем писать больше лишнего кода? Тег <nav> уже подразумевает, что…

    Asked by LUC, August 24, 2016

    • nav
    • ul
    • html5
    0 votes
    1 answer
17. Убрать отступы в div

    Здравствуйте. При создании "Хэдера" очень долго не могу найти Как сделать линию от начала экрана и до конца. В стилях приписано следующее Spoiler body {margin:0;} .head { margin: 0; width:100vw; height: auto; border: 0.8px solid black; border-top: none; border-right:none; border-left:none; } При увеличении width до 105%, и скрытии overflow-x, проблема решается для компьютеров (за исключением немного сдвинутого текста), но в данном случае при просмотре сайта с телефона он просто уменьшает размер страницы. Строкой body{margin:0} удалось убрать отс…

    Asked by Ivbykov, August 24, 2016

    0 votes
    1 answer
18. Не получается со слайдером

    Доброе время суток! Не могу понять почему не работает помогите разобраться в коде. Скриншот того что должно получится http://clip2net.com/s/3BzTwIW HTML: <div class="container"> <input type="submit" name="slides" id="btn-4" value="Доставка" checked> <input type="submit" name="slides" id="btn-5" value="Гарантия"> <input type="submit" name="slides" id="btn-6" value="Кредит"> <div class="site-wrapper2"> <div class="text-content clearfix" id="slide4"> <h2>Доставка</h2> <img src="img/delivery.png" alt="Доставщик"> <p>Мы с уд…

    Asked by Ratibor, August 26, 2016

    0 votes
    1 answer
19. Проблема с фонами

    Доброе время суток! Такая проблема надо сделать чтобы полоска фона фильтра и полоска сортировать встречались и расходились до конца экрана не могу сообразить как сделать. Скриншот прилагаю http://clip2net.com/s/3BDrOhF .

    Asked by Ratibor, August 28, 2016

    0 votes
    1 answer
20. Боковое меню/панель на CSS

    Хочу на сайте сделать боковое меню. В углу картинка/кнопка при клике/наведении на которую в боку выезжает блок на всю высоту страницы а сама страница затеняется. В блоке располагаются сами пункты и если их много они прокручиваются вниз независимо от основной страницы. Помогите найти что-то подобное. Сам находил несколько интересных вариантов, но практически все скриптовые. Можно ли подобную задумку реализовать на чистом CSS? Необходима кроссбраузерность и кроссплатформенность - что бы работали в разных браузерах и на разных ОС (включая моб.телефоны). Кстати, хотел спросить. Как мобильные устройства относятся к элементам на ActivX?

    Asked by alleclf, August 28, 2016

    0 votes
    1 answer
21. Проблема с передачей данных между страницами

    Здравствуйте дорогие форумчане! Наткнулся на проблему при передаче данных. Дело в том, что через форму хочу передать данные про товар на вторую страницу. С помощью <input type="hidden" name="price" value="1000 рублей"> можно передать цену на второю страницу. Но дело в том, что при изменении исходного кода в браузере на <input type="hidden" name="price" value="1 рублей">, то на новой странице передается значение 1. Может быть это из-за того, что сайт работает на локальном сервере? Попробовал также вариант с php <input type="hidden" name="price" value="<?php echo "1000"; ?>" /> но такой же результат. Если перейти на хостинг,…

    Asked by ABC555, August 28, 2016

    0 votes
    1 answer
22. Появление спрятанного блока (внешнего) при наведении

    Как можно повлиять на спрятанный блок с помощью hover, учитывая тот факт, что спрятанный блок не будет внутренним списком, а будем внешним дивом. <div class="navi"> <a href="#">Пункт 1</a> <a href="#">Пункт 2</a> </div> <div class="block"> <p>Текст Текст Текст ...</p> </div> То есть при наведении на пункт блока navi, должен появляться блок под названием block.

    Asked by Igoritaly, August 29, 2016

    0 votes
    1 answer
23. Слайдер

    Народ, привет всем! Надо вот такой слайдер замутить, http://take.ms/2Qnih может кто видел похожий плагин?

    Asked by vladmih, August 30, 2016

    0 votes
    1 answer
24. gulp глобальбный и локальный

    помогите пожалуйста разобраться. собираюсь начать пользоваться gulp, но не понимаю в чём разница между глобальной и локальной установкой если я поставлю gulp локально, то создастся каталог node_modules, в котором будет и сам gulp, и подключаемые модули. остаётся только настроить файл конфига gulpfile.js но если я поставлю gulp глобально, то gulp и подключаемые модули будут храниться где-то в ОС, и мой конфиг будет искать их не в каталоге проекта, а в другом месте. непонятно то, что если я ставлю gulp глобально, то после установки какого-нибудь модуля: npm install gulp-clean-css --save-dev всё равно создаётся node_modules. поэтому мне непонятно какой…

    Asked by cyklop77, September 1, 2016

    • gulp
    0 votes
    1 answer
25. Прижать картинку к нижней границе

    http://www.zhemch.ru/ Посоветуйте пожалуйста, возможно ли как-то (не переверстывая) прижать картинку к нижней границе родительского блока, если он выше, чем картинка? Такое происходит при валидации формы или если текста в блоке с приветствием больше, чем обычно. display:table-cell для родителя и vertical-align:bottom не помогает, т.к. высота родителя меньше соседнего блока, распирающего строку по высоте.

    Asked by d0ublezer0, September 1, 2016

    0 votes
    1 answer