HTML Coding

29,542 questions in this forum

1. Прокрутка страницы к элементу

   Здравствуйте. Есть простое на первый взгляд задание - нужно после перезагрузки страницы прокрутить ее к определенному блоку. В чем состоит проблема: вешаю на window обработчик onload, чтобы отследить загрузку изображений и страница получила свою высоту до всех мнипуляций, после чего вызываю скрипт прокрутки. Но существенная часть пользователей сайта из Украины, у которых из-за санкций не грузятся скрипты и счетчики яндекса, рамблера, вк и другие, установленные на сайте. В итоге, событие onload все еще ждет загрузки, и выполняется через минуту-две, как и скрипт для прокрутки. Перезагрузка страницы вызывается кодом location.reload() чаще всего в тот момент, когда …

   Asked by alex_web64, August 16, 2018

   0 votes
   1 answer
2. Popup после отправки ajax

   Привет, есть форма в модальном окне, не могу сделать так, чтобы при ее сабмите она закрывалась и появлялось окно благодарности (popup_thanks) https://jsfiddle.net/37em6xa4/ вот скрипт и код форм

   Asked by exoty, August 16, 2018

   0 votes
   0 answers
3. Jade. Избавиться от дублирования кода

   Есть код. Он дублируется. Как можно избавиться от этого дублирования в данном случае? .bonuses-calc-table__row .bonuses-calc-table__sub-row .bonuses-calc-table__cell .bonuses-calc-table__cell a.doc(href='#') svg(viewBox="0 0 18 24") use(xlink:href="#iconPdf") span.link 128239.pdf .bonuses-calc-table__cell 20.07.18 .bonuses-calc-table__mobile-row Дата выгрузки span 20.07.18 .bonuses-calc-table__row .bonuses-calc-table__sub-row .bonuses-calc-table__cell .bonuses-calc-table__cell …

   Asked by yaparoff, August 16, 2018

   0 votes
   1 answer
4. Стрелка сразу после текста

   Здравствуйте, уважаемые коллеги. Столкнулся со сложностью, которую никак не получается решить, да так чтобы дизайнер был доволен. В общем, фишка в том чтобы вот эта вот стрелочка шла сразу после текста http://skrinshoter.ru/s/150818/hdI0I3mE (лучше чуть ниже на пару пикселей) Именно рядом с ним. Проблема усугубляется что в некоторых местах текст становиться в две строки. Пробовал это решать с помощью position absolute, но тогда в некоторых местах эта стрелка уходит слишком далеко от текста. Пробовал флоатами и опять не то. https://codepen.io/anon/pen/RBmoQj

   Asked by yaparoff, August 15, 2018

   0 votes
   3 answers
5. Ссылки во фреймах

   При переходе по ссылке во фрейме CONTENT опусташается данный фрейм, но ссылка не появляется. P.s. Строго не судите, я совсем чайник... И на контент внимания не обращайте, это так, практикую навыки.

   Asked by Aleks25, August 13, 2018

   • frameset
   • frame
   0 votes
   0 answers
6. Адаптация страницы

   Коллеги, прошу о помощи неравнодушных. Сайт pe.mini-mall.ru Взял за образец чужой код, а настроить до конца не получается. 1. При адаптации меню, не могу понять, как растянуть блоки на всю ширину экрана. 3. Не могу вывести дополнительные указатели в блоки где есть дополнительные пункты, в коде вроде прописано, а ничего не выводится. 2. В блоках, где раскрываются доп пункты, мигают какие-то символы, первый раз с таким столкнулся, как убрать? Буду признателен за советы.

   Asked by Dimpin, August 12, 2018

   0 votes
   0 answers
7. Друзья помогите пожалуйста как изменить цвета на header в opencarte, а то я пробую нечего не изменяется

   Еще раз здравствуйте, у меня есть oStore я хочу изменить дизайн точнее цветовую гамму. Зашел D:\OSPanel\domains\localhost\catalog\view\theme\default\stylesheet закинул файл под имени stylesheet.css документ в редактор SublimeText3 Смотрите в браузере меняются цвет, а вы редакторе когда я делаю не меняется( Почему?

   Asked by Ильдияр, August 12, 2018

   0 votes
   0 answers
8. Функционал для лендингов WP

   Привет всем! Многие наверное знают, что на фриланс биржах часто просят сделать лендинг и натянуть его на wp. Подскажите пожалуйста какой функционал должен быть у лендинга. Да, я понимаю, что всегда по-разному, но может у вас был какой-то функционал, который повторялся во всех проектах, скажите пожалуйста.

   Asked by Oloref, August 11, 2018

   0 votes
   0 answers
9. По поводу редактирования в wordpress

   Здравствуйте, друзья! У меня вопрос: как сделать редактируемыми текст или фото в wordpress так? То есть, допустим у меня в вёрстке есть изображение или текст, я хочу чтобы можно было щёлкнуть по, например, изображению и изменить на другую. Заранее спасибо.

   Asked by Oloref, August 11, 2018

   • wordpress
   • php
   0 votes
   0 answers
10. Передача кнопке JS атрибуты

    Добрый день народ У меня есть JS код для веб-картографии который делает отображение на карте двоих шаров и свайп между ними В html коде вызывается этот JS код такими командами var ctrl = new ol.control.Swipe(); map.addControl(ctrl); // Set stamen on left ctrl.addLayer(osm, true); // OSM on right ctrl.addLayer(stamen); Как эти параметры передать на кнопку, что бы onclick включать и выключать данную функцию Если возможно какие то ссылки на дополнительную информацию по этому, так как придется много делать кнопок под разные функции Спасибо за понимает с Frontendom еще знаком не близко

    Asked by zexerevev, August 10, 2018

    • button
    • js
    • openlayers
    • web-mapping
    0 votes
    0 answers
11. Выравнивание таблицы влево

    Есть таблица. Колонки у нее выравниваются влево, а оставшаяся часть остается пустой http://skrinshoter.ru/s/100818/0jkG6HkA Пробовал решить это с помощью align=left и задать ширину колонкам, но это не сработало Что можно сделать? https://codepen.io/anon/pen/VBqBmw

    Asked by yaparoff, August 10, 2018

    • таблица
    0 votes
    1 answer
12. Как правильно  верстать многостраничные сайты?

    Объясните как правильно жить верстать многостраничные сайты? Я покажу вам на примере того как это делаю я. Это наверное глупый\неправильный метод, просто я не знаю как нужно\можно делать это проще. Вот допустим у меня есть маленький сайт на котором есть 3 пункта меню. То есть в редакторе я создаю скелет сайта, внутри body я помещаю эти самые кнопки, подключаю их к форме, затем создаю Огромный блок где будет располагаться Весь контент. Но внутри этого блока я не помещаю контент, а помещаю PHP переменную, в которой и хранится весь этот контент вместе со всеми остальными блоками и стилями. То есть таким образом стараюсь разбить HTML код на функции PHP. …

    Asked by Denzell97, August 9, 2018

    • php
    • html
    0 votes
    2 answers
13. Полный бред с @media запросами

    Сделал я шаблон и решил сделать его адаптивным. Вобщем чтото пошло не так, медиа запрос стоит на min-width(900px) and max-width(1000px) но уменьшая окно браузера я заметил что отчёт идёт от 720 пх и до 800 пх. Что это за бред вообще не понимаю.

    Asked by Darklurkers, August 9, 2018

    • медиа запросы
    • проблемы с медиа запросами
    • медиа
    0 votes
    1 answer
14. gmail не видит картинки в html письме

    Добрый день, я ранее задавал этот вопрос, пожалуйста, кто разбирается в html письмах, помогите. Сверстал письмо, перепробовал и картинки на хостинг заливать и задавать им путь оттуда, gmail не видит, пробовал и локальные изображения через сервисы рассылки email, заливая туда свой шаблон, гугл все равно их не хочет видеть, в чем беда?

    Asked by exoty, August 8, 2018

    0 votes
    14 answers
15. На мобильных верстка ломается

    Есть блок с текстом. Он должен выглядеть вот так на десктопе http://skrinshoter.ru/s/070818/asZx0jAT Но на мобильной версии с этим возникают проблемы, верстка немного ломается http://skrinshoter.ru/s/070818/bWn5aEQf Как сделать чтобы все было ровно? https://codepen.io/anon/pen/jpvKXp Должно быть вот так: http://skrinshoter.ru/s/070818/qk7Y253u

    Asked by yaparoff, August 7, 2018

    0 votes
    3 answers
16. gmail блокирует Html письмо

    Добрый вечер, сверстал вот такое письмо https://jsfiddle.net/hum6d2b7/1/ , но gmail не видит вообще ссылки на img и сами Img не отображаются в письме, рассылку просто блокирует. Кто сталкивался с подобным и в чем трабл?

    Asked by exoty, August 6, 2018

    0 votes
    0 answers
17. Как запустить html код файла внутри другого файла html?

    Как запустить html код файла внутри другого файла html? Использую конструкцию вида <link rel="import" href="/podpiska.html"> Код подписной формы находится в файле podpiska.html А в нужном месте кода index.html вызываю форму подписку вот этой командой: <link rel="import" href="/podpiska.html"> Но почему то не работает. Поправьте меня пожалуйста.

    Asked by Марат, August 6, 2018

    0 votes
    0 answers
18. del

    del

    Asked by Дмитрий Афанасьев, August 5, 2018

    0 votes
    0 answers
19. Не задаются стили hover из за js

    Привет, взял такой скрипт аккордеона с сайта, https://jsfiddle.net/gsw3xrhy/ , но есть проблема, что при ховере не задается img arrow_hover, и бекграунд колор не пропадает после того, как panel становится видимой, колор пропадает только если увести курсор с аккордеона, а нужно , чтобы было как на здесь

    Asked by exoty, August 5, 2018

    0 votes
    5 answers
20. Скролл для меню в плавающем блоке

    Здравствуйте. На сайте есть шапка с position: fixed, в которой есть выпадающее меню position: absolute. В этом меню может быть очень много пунктов, из-за этого на мобильных устройствах они выходят за край экрана. Прокрутка не помогает, так как шапка зафиксирована вверху сайта и все это остается на месте. Мое решение - добавить скролл для меню. Но как это сделать, если оно имеет динамическую высоту? jsfiddle

    Asked by alex_web64, August 4, 2018

    0 votes
    9 answers
21. Съезжает текст в таблице

    Добрый вечер. Коллеги, нужна ваша помощь. Уже всю голову сломала, перечитала кучу статей и не могу понять в чем причина. Задача вот в чем - верстаю таблицу - самую обычную: в одном столбце текст, во втором изображение. И вот при сохранении текст почему-то располагается на другой строке как будто бы. В чем может быть причина? Вот как это выглядит на сайте: http://www.elbrustours.ru/excursions/Chegem_waterfalls.php А вот моя таблица: фото должно быть определенного размера. Причем я думала, что причина в фото. Вообще в идеале размер хотелось бы фото 280*210. Но ничего не выходит. Вроде бы простая таблица, а весь день бъюсь и не могу сделать(( ПО…

    Asked by Юлия_Огнева, August 4, 2018

    0 votes
    1 answer
22. Динамическое изменение индикации, через соседние селекторы.

    Решил поэкспериментировать с динамическим изменением индикации, вот по этому заданию. Как мне казалось, это реально: стили для любого значения параметра загружаются сразу, изменяется параметр - сразу применяются стили, соответствующие новому параметру. Но почему-то эта "динамика" работает, только для параметра, заданного по-умолчанию. Почему стили не применяются к изменённому параметру? Какова тут логика работы и возможно ли подобное, сделать на чистом CSS? Спасибо. PS: ну и до кучи - буду рад инфе, как стилизовать input type='number '?

    Asked by Launder, August 4, 2018

    • input
    • label
    0 votes
    4 answers
23. Как скрыть div с динамическим id

    Есть вот такой кусок кода (как пример) на прикреплённых файлах. Безпорядочный id/class меняется после перезагрузки страницы. Пока примудрил так #leftColumn>div:nth-last-child(2) Но убирается незначительная, но всё-таки нужная (не рекламная) часть блока, потому как при генерации родителю присваивается подобное безобразие (по типу #R67fGHk)

    Asked by БлагоѨръ, August 4, 2018

    0 votes
    0 answers
24. OWL carousel распирает страницу

    Привет! Нужен совет знатоков Я полдня убил, но так и не нашел в чем проблема. На малых разрешениях карусель распирает страницу в ширину https://www.road.media/headunit $('#category-slider').owlCarousel({ nav: true, rewind: false, dots: false, items: 1, responsive: { 0: {items: 3}, 480: {items: 4}, 768: {items: 5}, 1024: {items: 8} }, responsiveBaseElement: "#category-slider-wrapper" }); Вот вроде ж все правильно сделал, но на малых экранах ширина …

    Asked by d0ublezer0, August 4, 2018

    0 votes
    0 answers
25. Абсолютно позиционированные элементы и свойство display

    Здравствуйте. Все время считал, что после применения абсолютного позиционирования к элементам их свойство display по умолчанию устанавливается в block. Но сегодня пришлось усомниться в этом. Смотрите пример https://jsfiddle.net/9z3ehbpa/2/ Две последние линии каждой из кнопок созданы с помощью ::before и ::after (display: inline по умолчанию developer.mozilla.org). При этом для второй кнопки псевдоэлементам прописано свойство display: block, что, по идее, лишнее, так как это происходит по умолчанию для position: absolute (согласно таблицы inline превращается в block www.w3.org) Почему же кнопки отображаются по разному?

    Asked by alex_web64, August 3, 2018

    0 votes
    10 answers