HTML Coding

29542 questions in this forum

1. Как сверстать по таким требованиям слайдер ?

   В макете есть слайдер который должен соответствовать следующим тре6ованниям: 1. Слайдер должен уметь работать без js (в случае если у пользователя нету js) (Я: как они могут без js работать ?) ; 2. Слайдер должен быть контентным (Я: как это ?); 3. Я: Фото в слайдере изменяется 50x50, 150x150, 240x240; 4. требования IE 10 + остальные браузеры - 2 последние версии; Помогите как сверстать такой слайдер понятия не имею....

   Asked by Alexej, May 16, 2018

   0 votes
   5 answers
2. svg спрайт. Просмотр.

   Вы используете svg спрайты ? Есть ли способ просматривать svg спрайт html ? чтобы можно было посмотреть наличие той или иной иконки.

   Asked by SnowSilver, May 16, 2018

   • svg спрайт
   0 votes
   3 answers
3. Как заставить box-shadow перекрывать контент?

   Использовал скрипт меню https://tympanus.net/Development/MultiLevelPushMenu/ для своего сайта https://www.zebra-tara.ru/ Меню доступно только на разрешениях меньше 768 по ширине Получается, что тень от меню не перекрывает сдвигаемый слой, а точнее - абсолютно позиционированные элементы на нём. Посоветуйте, как исправить? Я пробовал давать больший индекс тени, но тогда она перекрывает последующие уровни меню

   Asked by d0ublezer0, May 19, 2018

   0 votes
   1 answer
4. After по центру блока

   Привет, как сделать after по горизонтали блока? https://jsfiddle.net/kLmxszwj/

   Asked by exoty, August 19, 2018

   0 votes
   1 answer
5. При вставке текста с ссылкой в форму отправки заявки не работает ссылка

   При вставке текста с ссылкой в форму отправки заявки не работает ссылка. При клике на ссылку срабатывает кнопка отправки сообщения вместо открытия ссылки. Ничего не понимаю, что можно сделать? Вот концовка формы: <div class="col-xs-12 col-md-4"> <p><textarea name="msg" placeholder="Сообщение"></textarea></p> <div><a href="#" class="button" style="float: right;">ОТПРАВИТЬ</a></div> </div> <a href="<?=SITE_DIR?>soglasie.pdf" target="_blank">Нажимая на кнопку О…

   Asked by arsen64, May 20, 2018

   0 votes
   1 answer
6. Как настроить плавный скрол слайдера по типу “назад-вперёд”?

   https://jsfiddle.net/hjyern2a/ Сейчас слайдер медленно двигается от первого слайда до последнего. Но когда достигает последнего элемента, он начинает резко скролить в начало. Как настроить так, чтобы при достижении последнего элемента он начинал так же медленно двигаться до первого и т.д. Т.е. как качели - от первого до последнего и обратно, с одинаковой скоростью.

   Asked by aqua.77, May 20, 2018

   • swiper js
   0 votes
   4 answers
7. Как изменить расположение сайтбара в моб версии?

   Здравствуйте! Подскажите пожалуйста для начинающего веб мастера, как изменить вывод сайтбара в мобильной версии сайта. Чтобы сперва выводился сайтбар со списом рубрик, а уже после него содержимое т.е весь контент сайта? сайт — ikona-radoneg.ru

   Asked by marusia19, May 21, 2018

   0 votes
   4 answers
8. Обязательное поле в phpmailer для сафари

   Как добавить обязательное поле в phpmailer для сафари?

   Asked by CreateZone, May 22, 2018

   0 votes
   1 answer
9. Проблемы со скриптом FlyToCart (анимация добавления товара в корзину)

   Здравствуйте! Установил плагин FlyToCart, который анимирует добавление товара в корзину. Одним из условий является то, что картинка товара и кнопка должны быть в одном контейнере: $('.add-to-cart').on('click',function(){ //Select item image and pass to the function var itemImg = $(this).parent().find('img').eq(0); flyToElement($(itemImg), $('.cart_anchor')); }); У меня же есть ситуация, когда картинка и кнопка у одного из товаров, находятся в разных блоках.Например, вот так: http://new.taco.com.ua/taco/double-tacos-with-beef/ Подскажите, пожалуйста, решение этой проблемы. Заранее благодарен за помощь.

   Asked by volshebnyi, May 22, 2018

   0 votes
   0 answers
10. Не получается поправить кнопки на float

    Ребят тот же сайт, в самом низу в рубрике - ikona-radoneg.ru/restavraciya/ есть кнопки обратного звонка и попап заказа, эти кнопки не могу поправить ровненько отдельно вроде получилось на флоатах - https://jsfiddle.net/qy8nmc0b/ но что на сайте не так не пойму((

    Asked by marusia19, May 22, 2018

    0 votes
    2 answers
11. Обрезка фона блока при уменьшении размера экрана

    Здравствствуйте. Вопрос в следующем: необходимо, чтобы картинка, которая на фоне, при разрешении 1200 обрезалась справа: а при большем разрешении — нет: Я пытаюсь эту картинку сделать фоном header'a (тут можно увидеть первый блок в текущем состоянии) Но, крышка к гробу не подходит. Думала сделать фоновую картинку большой (см. картинку) и позиционировать посередине, но может есть лучше решение?

    Asked by Alisa1711, May 22, 2018

    • html
    • css
    0 votes
    3 answers
12. Вставка изображения в псевдоэлемент.

    Добрый день! Столкнулся с проблемой отображения картнки в ::before, ::after. Блок сам отрисовывается-виден при проверке. Могу в content запихнуть тескт-все норм, отрисовывается. А вот добавление изображения ни в какую. Пробовал запихивать даже в content: url(address); и в background: url('address'); Проверял путь к картинке-нормальный(проверял на обычном <img src='address'>). Предоставить могу лишь кусок кода: весь проект не имею возможности скинуть. http://cssdeck.com/labs/nafhnhr5

    Asked by Super_Saimon, May 24, 2018

    • css
    0 votes
    4 answers
13. Картинки автоматически на всю ширину экрана и меняли размер при увеличении-уменьшении окна?

    Как сделать так, чтобы картинки на сайте (обложка журнала и скрин youtube) были автоматически на всю ширину экрана и меняли размер при увеличении-уменьшении окна? сайт www.moscow.octawa.ru index.html <!doctype html> <html> <head> <meta charset="utf-8"> <title>Москвичи на бизнес-тренингах Тони Роббинса</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div id="header"></div> <div id="head"> <p><font face="Droit Serif"><em>Знание - половина ума (русская пословица).</em></font></p> <img src="down arrow.png" width="48" heig…

    Asked by codor, June 24, 2018

    0 votes
    1 answer
14. Горизонтальный скролл на мобильной версии сайта

    Добрый день. Возникла проблема при работе над адаптивностью сайта. Использую bootstrap 4, при 575px ширины экрана и меньше появляется горизонтальный скролл. Просмотрел каждый блок сайта, ничего лишнего не вылазит за границу. В чем может быть проблема? Подскажите, пожалуйста. http://sqt.zzz.com.ua/workfordream/

    Asked by Qosmo, May 30, 2018

    0 votes
    3 answers
15. При открытии страницы через phpdesigner 7 выходит ошибка

    При открытии страницы через phpdesigner 7 выходит не удается получить доступ к сайту.

    Asked by dementore, May 25, 2018

    0 votes
    0 answers
16. Блоки наезжают друг на друга при просмотре со смартфона bootstrap

    Верстаю для тренировки и пытаюсь сделать адаптивную версию, при просмотре с мобильных один блок наезжает на другой. Думала, что колонки в bootstrap автоматически сдвигаются одна за одной в мобильных версиях. перепробовала уже много чего и не могу понять в чем все-таки проблема. вот код: https://jsfiddle.net/6jgoewz5/ http://piccy.info/view3/12360772/8e3e730ee144105131409f09bbe3231f/ как можно исправить?

    Asked by cactusyou, May 25, 2018

    • bootstrap
    • div
    • адаптив
    0 votes
    5 answers
17. Картинка накладывается на текст

    Всем привет. Можете подсказать, как сделать, чтобы картинка не накладывалась на текст? https://codepen.io/Whitecolor/pen/MXWBvW <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div class="container"> <div class="news1"> <h1>Rush to protect lucrative antibody patents kicks into gear</h1> <p id="header">A federal court decision has left universities and companies working to preserve intellectual property rights worth billions.</p> <p сlass="text">US universities and biotechnology c…

    Asked by Whitecolor, May 29, 2018

    0 votes
    4 answers
18. как мне вывести количество выбранных пользователем дат, чтобы посчитать скидку

    В форме публикации объявления в газете указываются даты публикации в виде (день/месяц/год) let dt = document.getElementById('dt'); function setDate(d){ dt.value += (dt.value == '') ? d : ', '+d; } function init() { if (arguments.callee.done) return; arguments.callee.done = true; changePrice(); } А как мне вывести количество выбранных пользователем дат, чтобы посчитать скидку при публикации в > 3 номерах ? skid = Math.ceil(one_ad_cost * (dt > 3 ? dt : 0) * 0.07);

    Asked by biper, May 31, 2018

    0 votes
    2 answers
19. Адаптивность. Медиа запросы vs JS

    Вопрос касательно реализации адаптивности. В каких случаях вы прибегаете к JS для определения типа устройства и установки соответсвующего класса например на тег body (table, mobile)? Наверное стандарт медиа запросов: по ширине > 1024px - это Экраны, Планшеты <1024px и >768px, мобильные телефоны <768px. Просто границы разрешений экранов, особенно между Экранами и Планшетами размыты... Или главное чтоб все было красиво, удобно, хорошо видно? не ужималось и прочее..., пускай стили для экранов и применились для Планшета, например Ipad PRO(Разрешение: 2224x1668 Пикс) ? JS-ом определять тип устройства наверное следует тогда, когда надо жестко д…

    Asked by SnowSilver, May 30, 2018

    0 votes
    1 answer
20. форма отправляет пустые поля

    Здравствуйте Дорогие форумчане! Может найдется у кого время и желание помочь, буду очень благодарна!Форма отправляет пустые поля ввода вместо заполненных не пойму в чем дело.Вот код формы пишу весь, но основное выделяю <form class="form" action="mail.php" method="POST""> <input type="hidden" name="hidden_page_id" id="hiddenPageId" value="294508"> <input type="hidden" name="hidden_main_form" id="hiddenMainForm" value="1"> <div class="contact_form"> <div class="form-group field-namephonecontactform-name required"> <input type="text" class="form-control" name="name" placeholder="Имя" aria-required="true"> <div …

    Asked by Olesiy, May 30, 2018

    0 votes
    2 answers
21. alert и одновременно переадрессация на главную страницу сайта

    Здравствуйте! После закрытия модального окна на странице должен появится алерт с надписью и во время его появления должен осуществляться переход на главную странице сайта. Сейчас же идет огромная пауза и алерт висит. Что я делаю не так? location.href = "/"; alert("Спасибо! Наш оператор перезвонит Вам в ближайшее время."); Заранее благодарен за помощь!

    Asked by volshebnyi, May 31, 2018

    0 votes
    1 answer
22. OWL Carousel 2, как сверстать слайдер?

    Здравствуйте, вопрос к уважаемым специалистам. Только приступил к изучению html+css. Знаю что можно реализовать такой слайдер на чистом html+css, но мне интересно, как сделать такой слайдер с помощью OWL Carousel 2? В частности, как правильно для данной секции написать html код и как правильно прописать стили для слайдера? По одному ролику на YouTube получилось сделать так, дальше моих знаний уже не хватает. Отмечу, что делаю разметку страницы, до написания стилей еще не доходил. Вот мой код данной разметки, а тут макет. Буду благодарен за помощь, так как застрял именно со слайдером, во всей остальной разметке вроде разобрался.

    Asked by Bubunt, June 2, 2018

    • вёрстка
    • слайдер
    • css
    • html
    0 votes
    1 answer
23. Как правильно делать такую обводку?

    Как вообще сделать, а главное как сделать правильно такую обводку блока?

    Asked by purple/ocean, June 1, 2018

    0 votes
    8 answers
24. Проблема мобильной версии сайта

    Здравствуйте, столкнулся с такой проблемой, верстаю сайт, делаю отображение каждого элемента по размеру экрана, в браузере при смене размера окна сайт работает нормально, уменьшал до максимума и мобильные блоки появляются, а с телефона показывает полную версию сайта. В чем проблема?

    Asked by deephack, June 1, 2018

    0 votes
    1 answer
25. Неверное отображение на айфон 6-7

    http://www.sandalprestige.ru/services/dvernye-bloki-i-portaly/1375/ На айфонах 6,7 Дверь уходит вправо. Не могу понять в чем дело. Интересно, что если повернуть айфон горизонтально и вернуть вертикальное положение - все становится на место. Думаю, дело не в модели айфона, а в его разрешении, в общем подскажите, кто может P.S. Не комментируйте верстку, Сам не видел ничего более странного. Как в верстке, так и в натяжке. Однако надо исправить

    Asked by Vlad_P, June 2, 2018

    • айфон
    • проблемы
    0 votes
    2 answers