HTML Coding

29,542 questions in this forum

1. Нужна помощь в левым колонтитулом

   Не знаю как сделать что бы левая колонка была до самого низа независимо от наполнения на основной странице

   Asked by _demetry_07, June 5, 2018

   • aside
   • bar
   • asidebar
   • div
   0 votes
   1 answer
2. Относительные или абсолютные ссылки использовать?

   Добрый день. Как влияют относительные или абсолютные ссылки на работу с поисковиками и есть ли разница в нагрузке на вес страницы или скорость загрузки?

   Asked by Ubhra, June 3, 2018

   0 votes
   7 answers
3. Градиент текста CSS

   Есть ли сейчас кроссбраузерный способ реализации градиента текста средствами CSS ? Нашел такой вариант, но он не кроссбраузерный... Не работает в IE и Opera mini... Используете данный способ или вставляете картинкой подобный текст? linear-gradient(to right, #00e0d0, #4aa3cc), linear-gradient(#ffffff, #ffffff) -webkit-background-clip: text; -webkit-text-fill-color: transparent;

   Asked by SnowSilver, June 4, 2018

   • градиент текст
   • градиент текста css
   0 votes
   1 answer
4. Правильное подключение сторонних шрифтов

   Всем привет! Подскажите с подключением сторонних шрифтов... 1. Предположим мне надо подключит какой то шрифт с разными начертаниями, могу ли я использовать одно имя шрифта в font-family, будет ли в таком случае использоваться правильное - подключенное начертание в зависимости от font-weight ? 2. Проверить, есть ли шрифт в системе(чтоб его не грузить лишний раз), можно с помощью local, такого перечисления думаю достаточно, чтоб наверника проверить: local('Roboto Thin'), local('RobotoThin'), local('Roboto-Thin') ? Я подключаю так(для каждого начертания через тире указано начертание): @font-face { font-family: "Roboto-Thin"; src: local('Roboto T…

   Asked by SnowSilver, June 3, 2018

   • шрифты
   • стороние шрифты
   0 votes
   6 answers
5. Растровое изображение в векторное

   Подскажите, как можно преобразовать растровое изображение в векторное, без потери качества? Изображение вроде не сложное, без высокой детализации... я пробовал использовать трассировку в Adobe Illustrator, но там изображение деформируется, меняется, линии не ровные получаются... Как это можно сделать? Исходное изображение в png и пример в simple.svg - то что получил трассировкой в Illustrator Simple.svg

   Asked by SnowSilver, June 3, 2018

   • изображения
   0 votes
   3 answers
6. Не нажимаются ссылки в футере

   Всё работало, но после изменений (признаюсь честно, не помню каких) перестали ссылки быть ссылками. Может дело в том, что я прибил футер wrapper:after-ом? у меня как бы блок, который стоит after wrapper в консоли перекрывает футер. так и должно быть? помогите

   Asked by vendetta_loss, June 2, 2018

   0 votes
   2 answers
7. Растровое изображение в векторное

   Подскажите, как можно преобразовать растровое изображение в векторное, без потери качества? Изображение вроде не сложное, без высокой детализации... я пробовал использовать трассировку в Adobe Illustrator, но там изображение деформируется, меняется, линии не ровные получаются... Как это можно сделать? Исходное изображение в png и пример в simple.svg - то что получил трассировкой в Illustrator Simple.svg

   Asked by SnowSilver, June 3, 2018

   • изображения
   0 votes
   0 answers
8. OWL Carousel 2, как сверстать слайдер?

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

   Asked by Bubunt, June 2, 2018

   • вёрстка
   • слайдер
   • css
   • html
   0 votes
   1 answer
9. Горизонтальный скролл на мобильной версии сайта

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

   Asked by Qosmo, May 30, 2018

   0 votes
   3 answers
10. CSS по правилам Академии HTML и прочих гуру-верстальщиков

    Всем привет! Верстаю сайты более 10 лет. В основном для себя, не для коммерции. Начинал с табличной верстки, потом плавно перешел на блочную. Но никогда не обращал особого внимания на различные правила и рекомендации со стороны опытных верстальщиков. Мой подход к творчеству был предельно прост: если код проходит валидацию - хорошо. Если юзеры не жалуются на поехавшие блоки - ещё лучше! Однако, время и идет и приходится следовать современным тенденциям. После чтения различных материалов, типа "Стиль кода Академии HTML" , возник ряд вопросов, найти ответы на которые не удалось. В частности, касательно рекомендаций, которые даются в руководстве по написанию CSS. Например,…

    Asked by LUC, May 31, 2018

    1 vote
    5 answers
11. Как правильно делать такую обводку?

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

    Asked by purple/ocean, June 1, 2018

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

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

    Asked by cactusyou, May 25, 2018

    • bootstrap
    • div
    • адаптив
    0 votes
    5 answers
13. Проблема мобильной версии сайта

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

    Asked by deephack, June 1, 2018

    0 votes
    1 answer
14. Картинка накладывается на текст

    Всем привет. Можете подсказать, как сделать, чтобы картинка не накладывалась на текст? 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
15. alert и одновременно переадрессация на главную страницу сайта

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

    Asked by volshebnyi, May 31, 2018

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

    В форме публикации объявления в газете указываются даты публикации в виде (день/месяц/год) 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
17. форма отправляет пустые поля

    Здравствуйте Дорогие форумчане! Может найдется у кого время и желание помочь, буду очень благодарна!Форма отправляет пустые поля ввода вместо заполненных не пойму в чем дело.Вот код формы пишу весь, но основное выделяю <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
18. Адаптивность. Медиа запросы vs JS

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

    Asked by SnowSilver, May 30, 2018

    0 votes
    1 answer
19. Как сделать табы доступными и семантически верными/правильными ?

    Как сделать такие табы что бы были доступными: - С читалок/ экранных дикторов - без js - ну и семантически как бы их правильно организовать ? http://zozoui.com/tabs/flat-pills/ http://zornet.ru/load/vertikalnye_taby_css_dlja_sajta/81-1-0-7040

    Asked by Alexej, May 26, 2018

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

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

    Asked by CreateZone, May 22, 2018

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

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

    Asked by dementore, May 25, 2018

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

    Добрый день! Столкнулся с проблемой отображения картнки в ::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
23. Обрезка фона блока при уменьшении размера экрана

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

    Asked by Alisa1711, May 22, 2018

    • html
    • css
    0 votes
    3 answers
24. Не получается поправить кнопки на float

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

    Asked by marusia19, May 22, 2018

    0 votes
    2 answers
25. Проблемы со скриптом 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