HTML Coding

29,542 questions in this forum

1. Растровое изображение в векторное

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

   Asked by SnowSilver, June 3, 2018

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

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

   Asked by SnowSilver, June 3, 2018

   • изображения
   0 votes
   0 answers
3. Правильное подключение сторонних шрифтов

   Всем привет! Подскажите с подключением сторонних шрифтов... 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
4. Относительные или абсолютные ссылки использовать?

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

   Asked by Ubhra, June 3, 2018

   0 votes
   7 answers
5. Не нажимаются ссылки в футере

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

   Asked by vendetta_loss, June 2, 2018

   0 votes
   2 answers
6. Неверное отображение на айфон 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
7. OWL Carousel 2, как сверстать слайдер?

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

   Asked by Bubunt, June 2, 2018

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

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

   Asked by deephack, June 1, 2018

   0 votes
   1 answer
9. Как правильно делать такую обводку?

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

   Asked by purple/ocean, June 1, 2018

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

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

    Asked by volshebnyi, May 31, 2018

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

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

    Asked by LUC, May 31, 2018

    1 vote
    5 answers
12. как мне вывести количество выбранных пользователем дат, чтобы посчитать скидку

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

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

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

    Asked by SnowSilver, May 30, 2018

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

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

    Asked by Qosmo, May 30, 2018

    0 votes
    3 answers
16. Картинка накладывается на текст

    Всем привет. Можете подсказать, как сделать, чтобы картинка не накладывалась на текст? 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
17. Как сделать табы доступными и семантически верными/правильными ?

    Как сделать такие табы что бы были доступными: - С читалок/ экранных дикторов - без 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
18. Блоки наезжают друг на друга при просмотре со смартфона bootstrap

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

    Asked by cactusyou, May 25, 2018

    • bootstrap
    • div
    • адаптив
    0 votes
    5 answers
19. При открытии страницы через phpdesigner 7 выходит ошибка

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

    Asked by dementore, May 25, 2018

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

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

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

    Asked by Alisa1711, May 22, 2018

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

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

    Asked by marusia19, May 22, 2018

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

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

    Asked by CreateZone, May 22, 2018

    0 votes
    1 answer
24. Проблемы со скриптом 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
25. Как изменить расположение сайтбара в моб версии?

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

    Asked by marusia19, May 21, 2018

    0 votes
    4 answers