HTML Coding

29542 questions in this forum

1. Как обойти параметр display: none заданный в html?

   Добрый день, друзья. Вопрос дурацкий. Есть старый сайт не пойми на чем сделанный (друпал + уберкарт старых версий). В коде одной из страниц добавлен style="display: none;". Найти где и как он добавлен - не удалось (динамический элемент подключается только при определенном событии). Скажите, можно ли как-то отменить этот параметр через CSS или еще как-то? У данного элемента есть CSS класс. Можно на него что-то повесить. Заранее спасибо!

   Asked by dron, January 19, 2018

   0 votes
   3 answers
2. Расплескалась синева по телефонным номерам

   Edge упрямо выкрашивает телефонные номера на сайте resursmed.ru в синий цвет и добавляет подчеркивание: и в шапке, и в подвале, не взирая на стили. Как победить напасть?

   Asked by d0ublezer0, December 20, 2017

   • edge
   • телефон
   • ссылки
   0 votes
   3 answers
3. bootstrap и нестандартная сетка

   Допустим мне нужна нестандартная сетка (5, 7 и 11 рядов). Помойму можно пересобрать бутстрап с нужными параметрами. А можно ли задать такие параметры, чтоб была стандартная сетка бутсрап и кастомная (5, 7 и 11 рядов).

   Asked by torsar, December 21, 2017

   0 votes
   3 answers
4. Выбор селектора верхнего уровня

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

   Asked by nikki4, December 28, 2017

   0 votes
   3 answers
5. Counter для slick-slider

   Ребят, может кто-то делал, что-нибудь подобное. Нужен счетчик для slick-slider как на фото ниже. Получается например у нас идет 120 слайдов, нужно чтобы он показывал сколько всего слайдов в блоке, и на каком мы сейчас находимся. На фото в нижнем левом углу видно. Буду благодарен за подсказку

   Asked by brezze, January 7, 2018

   0 votes
   3 answers
6. Разница в выполнении обработки узлов DOM между querySelectorAll и getElementsByClassName

   Добрый день! есть два примераhttps://jsfiddle.net/98y72o9x/ и https://jsfiddle.net/wgzq5e3o/ , которые, по сути, выполняют одно и тоже, но результат выполнения скрипта совершенно разный. Насколько я понял, при выполнении скрипта с динамическим объектом(getELementsByClassName) в коллекции второй и третий элементы списка меняются местами(по алфавиту выстраиваются, как мне показалось)... Но, как это играет на результате??? Та и подсчет кол-ва узлов с таким className чем отличается в обоих случаях???

   Asked by Super_Saimon, January 23, 2018

   • javascript
   0 votes
   3 answers
7. Вертикальное выравнивание

   Здравствуйте. Сейчас вроде бы не должно возникать проблем с вертикальным выравниванием, есть flex'ы, приём с transform: translateY(-50%). Но если контента много, то он обрезается и не спасает добавление вертикального скролла. Пример на флексах (уменьшайте окно, пока текст не начнёт вываливаться) https://jsfiddle.net/6xjg7Lvh/ Точно такая же картинка на transform https://jsfiddle.net/sw2phpdc/ И снова приходиться возвращаться к старым добрым display: table-cell, здесь всё работает корректно https://jsfiddle.net/39xo2gzo/ Ребят, можно это как-нибудь пофиксить или в таких случаях использовать только display: table-cell ?

   Asked by Crystal-3, January 29, 2018

   0 votes
   3 answers
8. Вопрос по верстке с psd

   Всем привет. Пожалуйста расскажите как верстать большие макеты? У меня монитор 1024px в ширину, а макеты обычно от 1200 и шире. Я макеты в фотошопе уменьшал до 1024px (но это наверное не правильное). Слышал, что можно верстать в оригинале, но с полосой прокрутки (а это не удобно) и как его потом адаптировать под мой экран? Вообще расскажите как правильно, как вы это делаете?

   Asked by Umiman, February 7, 2018

   0 votes
   3 answers
9. 2 viweport для страницы (или аналогичный эффект)

   Дизайнер клиента придумал такой креатив. Есть 2 макета страницы - мобильный вид (320 px) и десктопный (1440 px). По его задумке, на устройствах до портретной ориентации планшетов должен показываться мобильный вид. Т.е. открываем на ipad в портретной ориентации - видим на весь экран мобильный вид. Открываем на десктопе или ipad в ландшафтном положении - видим десктопный. При этом нет адаптива - оно всё должно просто zoom-иться (как будто я неадаптивный сайт смотрю с указанным для него viewport) - т.е. на упомянутом ipad страница уменьшается чтобы вписаться в устройство. Такое вообще реализуемо? Два viewportа прописать, понятно, нельзя. Менять его от @media - тоже. Можно,…

   Asked by sdanilas, February 13, 2018

   • адаптив
   • viewport
   0 votes
   3 answers
10. помощь Перемещение текста во круг изображение html/css

    Я новичок и не могу ни как разобраться , мне надо сделать что бы текст был по бокам картинки , но ни как не выходит , может как то исправить код , или что-то добавить в него . Кто знает как помогите. 1 и 2 картинка то что у меня. 3 то что должно получиться.

    Asked by Darsic, February 14, 2018

    • верстак
    • html
    • css
    • новичк
    0 votes
    3 answers
11. Прогал в Border bottom

    Привет, получил вот такой макет рекламной рассылки, как сделать прогал у бордер ботома, в котором находится кнопка как на картинке?

    Asked by exoty, March 23, 2018

    0 votes
    3 answers
12. Помогите с адаптивной сеткой

    Всем привет! Расскажите пожалуйста про адаптивную сетку. Просто для меня сетка - это обязательно 12 колонок и т.д. Но а если контент расположен не по сетки или начиная с промежуточных колонок или в каждой секции по разному расположен контент. Откройте мне пожалуйста всю истину адаптивных сеток, а то не понимаю. Или может использовать сетку только тогда, когда она есть в макете?

    Asked by Oloref, May 15, 2018

    • html
    • css
    • вёрстка
    0 votes
    3 answers
13. Позиционирование списков

    Привет всем, делал менюшку на сайте и столкнулся с одной проблемой Есть тег div, в нем ul и 5 li в строчку с помощью inline-block li должны быть равными по ширине и при том менять её в зависимости от ширины экрана на ум пришла только эта идея: Поскольку div = 100% для li я поставил 20% и, как я понимаю, li должны вплотную занять всю ширину div и при том быть не статичными тк % но не получается и последняя пятая переходит на новую строчку, когда ставлю 19% то всё влазит, но справа остаётся место и получается не красиво в чем дело? Никаких отступов нет, padding 0, что еще занимает место? Или способ не правильный? так же думал, что это из за про…

    Asked by Mewow, February 17, 2018

    • div
    • ul
    • li
    0 votes
    3 answers
14. owl carousel - 2 вопроса

    Коллеги, просьба помочь советом. Сайт www.lazurit.mini-mall.ru Установил 2 слайдера owl-carousel в первом куда то "спрятались" стрелки навигации, при уменьшении разрешения, появляются, как их вывести на свет божий, посоветуйте. А во втором никак не могу выровнять текстовый блок с отзывами по вертикали, все способы вроде попробовал - не получается! Буду признателен за помощь!

    Asked by Dimpin, April 7, 2018

    0 votes
    3 answers
15. css Как заделеигировать событие?

    Как сделать чтобы событие на 'div' выполнилось, после своего появления от нажатия на 'p' ? https://jsfiddle.net/s4eoawef/17/

    Asked by aqua.77, February 18, 2018

    • html
    0 votes
    3 answers
16. Всплывающие аннотации

    Добрый день, господа! Имеется изображение большого формата, необходимо прикрутить к нему всплывающие аннотации. При установке курсора в некоторые координаты всплывает аннотация (окно?), в разных координатах - разные аннотации. Может быть, привязать аннотации к конкретным областям изображения. Объясните, пожалуйста, как это можно реализовать максимально просто и быстро. p.s. В интернете масса материалов на тему "всплывающие окна при наведении на элемент/изображение", если я правильно понял, мне эти вещи не особо подходят, т.к. у меня одно изображение и множество аннотаций, привязанных к точкам на нем.

    Asked by Mark49, March 25, 2018

    0 votes
    3 answers
17. Input range стилизация

    Ребят, какие тут параметры задавать, с range вообще не работал, даже не знаю как это подобное сделать?

    Asked by exoty, February 28, 2018

    0 votes
    3 answers
18. эффект hover

    3d кнопка или эффект нажатия в чём ошибка ? и кстати иконка не работает тоже ( <button style="position:absolute; right: 100px; icon: tty; font-size: 17px; background: rgba(115, 255, 255, 0.3); style: 3d; color: #ffffff; width: 200px; height: 40px; border: 3px solid #00ffff; border-radius: 15px;" class="popmake-326">Вызвать замерщика!</button>

    Asked by ne_beret, March 1, 2018

    0 votes
    3 answers
19. XMLHttpRequest не работает в chrome

    Привет. Проблема в следующем. Есть одна страничка, на которой две вкладки, на второй вкладке исполняется js. В firefox'e все как надо, запускаю localhost и на какой-бы вкладке изначально я не оказался, анимация svg (js выполняет) работает, после перехода с 2ой вкладки на первую и обратно, анимация также работает. Что происходит в Хроме: Если я запускаю страницу (перезапускаю) и оказываюсь на второй вкладке, то анимация есть, стоит перейти с 2ой вкладки на 1ю и обратно, анимация пропадает. Суть в том, что в хроме при любом переходе между вкладками js перестает работать, либо проблема в XMLHttpRequest. Привожу js код, который исполняется на второй вкладке: var svgDoc; v…

    Asked by ioprst, March 12, 2018

    • xmlhttprequest
    • chrome
    0 votes
    3 answers
20. Как лучше сверстать блоки разной высоты на Bootstrap?

    Прошу прощения за мой дилетантский вопрос: Есть макет сайта вот такого плана (картинка во вложении). Все блоки на сайте размещены сеткой, у каждого блока высота равна или x, или 2x, или 3x, ширина тоже - y, или 2y. Пробую сделать на Bootstrap, но, из-за высоты, бутстрап размещает 4-й блок не под 2-м, а под первым, с новой строки. Пример: https://www.codeply.com/go/dwyEv5gprw Подскажите, как решить данный вопрос? Заранее спасибо!

    Asked by VeraVostro, April 27, 2018

    • css
    • bootstrap
    0 votes
    3 answers
21. 3 резиновых блока с фиксированными отступами

    В общем, столкнулся с такой проблемой при верстке адаптивного сайта. Ширина сайта плавает в диапазоне от 320 до 1600px. Имеются 3 блока. Необходимо, чтобы эти блоки занимали всю предоставленную область и при этом имели одинаковые ширину(auto) и интервалы(30px). При уменьшении размера окна блоки должны сжиматься по ширине, а отступы оставаться неизменными. Реализация без flexbox'a. Нужна Ваша помощь, уважаемые форумчане! Буду очень благодарен, если поможете!

    Asked by MrFreeman, April 30, 2018

    0 votes
    3 answers
22. bootstrap колонки + рамка

    Добрый день, форумчане! Необходимо сверстать данную страничку. Нужно, чтобы некоторые колонки были обвернуты рамкой + логотип. Есть мысля делать это все при помощи fieldset+legend. Но, как видно по картинке, блоки должны располагаться непосредственно от рамки и лого, не внутри филдсета. Также еще нужно, чтобы при наведении на блоки применялся hover-эффект (по дефолту на них стоит фильтр размывания, при наведении этот фильтр должен исчезать). Собсна, в чем вопрос: как реализовать подобную рамку и лого, чтобы еще и до колонок смог достучаться ?

    Asked by YurikMurik, May 3, 2018

    • bootstrap
    • border
    • верстка
    0 votes
    3 answers
23. Не работают ява скрипт

    Не работают ява скрипт на мобильных устройствах. <!DOCTYPE html> <html lang="ua-UA"> <head> <meta http-equiv="Content-type" content="text/html; charset=utf-8"> <link rel="stylesheet" href="/bootstrap.min.css"> <link rel="stylesheet" type="text/css" href="/style.css"> <script type="text/javascript" src="/function.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Управління LED</title> </head> <body onload="load();"> <div class="container"> <div class="row" style="text-align:center;"> <h1 style="margin:50px;">У…

    Asked by Gora, May 5, 2018

    0 votes
    3 answers
24. Съезжает кнопка на iPhone

    Страница | Скриншот: И есть ли какой-нибудь сервис для просмотра и диагностики (инструменты разработчика) сайтов на iPhone, чтобы в будущем не обращаться на форум? Спасибо

    Asked by iBars, June 11, 2018

    0 votes
    3 answers
25. что распирает блок?

    не пойму никак, откуда берется отступ в шапке, где блок с телефоном? https://www.road.media/ Про верстку ничего не говорите, пока приходится работать с тем, что есть ?

    Asked by d0ublezer0, May 10, 2018

    0 votes
    3 answers