HTML Coding

29542 questions in this forum

1. Доставка шрифтов

   Вопрос к олдам. Каким образом доставлялись шрифты посетителям в те времена, когда применялся тег font? Или в атрибуте face указывались только безопасные шрифты?

   Asked by rasmus, August 20, 2019

   0 votes
   2 answers
2. Помогите найти причину

   Здравствуйте, подскажите, пожалуйста, в чем может быть проблема: при вертске, блоки текста имеют совсем иные переносы нежели на макете. Шрифт, насыщенность(font-weight), размер - все как на макете, но что-то, видимо, все равно не так.

   Asked by Valery Subbotin, August 23, 2019

   • html
   • css
   • text
   • начинающий
   0 votes
   5 answers
3. Яндекс карта: на мобилках не видно нужный объект

   Есть яндекс карта, на десктопе она отображается как надо и мы видим нужный нам объект (адрес) http://skrinshoter.ru/s/230819/RfSZ8pOG а вот если ширина экрана будет меньше, то этот объект уже будет не видно http://skrinshoter.ru/s/230819/74r975D5 Как то можно сделать чтобы было видно этот объект и на мобилках? https://codepen.io/yaparoff/pen/WNeRMNW?editors=1010

   Asked by yaparoff, August 23, 2019

   0 votes
   1 answer
4. Float: both. Миф или реальность?

   В одном из источников набрёл на both в списке возможных значений для атрибута float. Это какая-то ошибка или реально интерпретируется каким-нибудь браузером?

   Asked by rasmus, August 25, 2019

   0 votes
   5 answers
5. Форма добавления объявления

   Может быть кто-то любезно согласиться помочь.. Ситуация такая: создана доска объявлений. Есть 2 существенных неудобства в форме добавления объявлений. 1. Если в поле вставить текст, то появляется окно "ваш браузер не поддеживает...." - короче, вставка в основное поле, через дополнительное. 2. При прикреплении изображений в объявление необходимо копировать их код и вставлять в основное текстовое поле объявления. Естественно, для потенциального пользователя это катастрофически неудобно и громоздко. Как это можно исправить? какие изменения необходимо внести в код? Заранее благодарна за помощь ?

   Asked by Ane4ka, August 26, 2019

   0 votes
   1 answer
6. Подскажите как можно реализовать

   Здравствуйте, есть макет вот с таким заголовком, подскажите пожалуйста как можно реализовать оформление вокруг него (полосы и ромбы), я имею представление о том как добавить по одному ромбу с каждой стороны - тут все ясно: before и after. Но как добавить множество элементов? Если что, знаю(чуть-чуть) только html и css, а js для меня пока темный лес. Буду признателен, если также скинете ссылки на статьи где можно об этом почитать поподробней.

   Asked by Valery Subbotin, August 28, 2019

   0 votes
   1 answer
7. Интересный вопрос по мобильной верстке!

   Всем привет! Задание: При размерах экрана от 800px и больше - col1=30%,col2=30%,col3=30% от ширины экрана и рассположены в 3 колонки; При размерах экрана от 500px до 800px - col1=100%,col2=50%,col3=50% от ширины экрана и первый блок сверху, два остальных снизу вместе; При размерах экрана от 0 до 500px - col1=90%,col2=90%,col3=90% от ширины экрана и расположены друг под другом. Вопрос: как сделать, чтобы в колонках отображалось нужное значение в %-х в зависимости от размера экрана? unit.zip

   Asked by MagenDavid, August 28, 2019

   • div
   • @media
   • screen
   0 votes
   1 answer
8. push offcanvas

   Крик о помощи.Помогите найти инфу как сделать примерно такое меню https://itchief.ru/examples/lab.php?topic=bootstrap.. только чтобы гамбургер был слева и открывался и закрывался по нажатию на него а выдвигающее меню выходило так же слева но при этом была не по вверх контента а сдвигала его. еще нужно что бы логотип расположенный сразу после гамбургера так же сдвигался за контентом при открытии меню. В идеале мне нужно все это реализовать с помощью классов бутстрап 4. Прикрепляю макет который мне нужно сверстать используя стили bootstrap 4 test-markup.psd

   Asked by kask, August 29, 2019

   0 votes
   1 answer
9. Интересная задумка дизайнера. Как реализовать?

   Дизайнер нарисовал макет вот с такими интересными линиями, которые идут по всей высоте сайта http://skrinshoter.ru/s/300819/pJvpKBvC А я теперь вот ломаю голову как такое сверстать. С одной стороны это можно сверстать колонками с рамкой, но ведь есть такие блоки, которые выходят за пределы этих колонок Как тогда быть в таком случае? Такие линии реально идут по всей высоте сайта.

   Asked by yaparoff, August 30, 2019

   • дизайнер
   0 votes
   3 answers
10. Помогите с сайтом

    Помогте с сайтом, надо чтобы подменю отображалось снизу, но когда я навожу на меню происходить дичь какая то, помогите в чем проблема. Вот код: https://codepen.io/Totjmyanin/pen/rNBzYPj

    Asked by Sterben, August 31, 2019

    0 votes
    2 answers
11. Как оптимизировать скорость загрузки картинок без сжатия веса?

    У меня из галереи отбирается пять случайных картинок и показывается пользователю, эти картинки имеют довольно солидный вес до 300 кб. При извлечении картинки становятся миниатюрными с помощью php тега getImageSize и увеличиваются если щёлкнуть по картинке, вес никуда не девается он по прежнему 300 кб. Как мне оптимизировать изображения так, чтобы ускорить загрузку сайта? Прочла вот эту статью https://habr.com/ru/post/189764/. Она мало мне чем помогла, правдо я использовала только два первых примера вот этот <div> <img src="comicbookguy.jpg" alt="" onload="imgLoaded(this)"/> </div> и вот этот <div id="Slideshow"> <img src="slid…

    Asked by Katerina23, August 31, 2019

    0 votes
    3 answers
12. Помогите разобраться. (разрешение экрана)

    Всем привет. У меня при верстке сайта по уроку возникла проблема. Сверстал все один в один (перепроверил несколько раз), но по итогу получается смещение элементов. Из за чего такое может произойти? Ссылку на скрин оставлю ниже (1левый экран то как у него, а (2)правый то как у меня) Скрин для наглядности, чтобы понять о чем я. Spoiler https://ibb.co/88wDBzq

    Asked by Flex12, September 1, 2019

    • html
    • css
    • чайник
    0 votes
    5 answers
13. Помогите создать верстку

    Никогда не занимался этим. С чего начать? В частности интересует для начала сделать шапку из лого, 2 ссылок и 3 кнопок на соц сети. макет.rar

    Asked by Рус, September 3, 2019

    0 votes
    2 answers
14. Работа атрибута srcset

    Здравствуйте, помогите разобраться, начал осваивать атрибут srcset в целом все понятно, не могу понять только один момент, код: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Пример</title> </head> <body> <img srcset="dota600.jpg 1x, dota1024.jpg 2x, dota1920.jpg 3x" src="1.jpg"> </body> </html> Соответственно на моем мониторе отображается dota600.jpg (x1) в оригинальном разрешении, но например при загрузке с устройства Pixel 2 XL (537 ppi) браузер выдает правильное изображение dota1920.jpg, но его размеры не 1920px на 1080px а 620px на 360px. Не могу понять почему так,…

    Asked by nimens19, September 6, 2019

    • srcset
    0 votes
    1 answer
15. Блок вылезает из центровщика

    Пол года не занимался, не было времени, сейчас решил продолжить обучение и первым делом сел за практику опять...но многое забыл, вспоминаю, но не все получается. Например сверстал вот такую сетку и не могу понять, почему блок который skill-right при изменении масштаба браузера вылазит из под центровщика или вообще ломается. Очень хочу увидеть свои косяки, подскажите пожалуйста. https://jsfiddle.net/w02bzr4p/

    Asked by viliksar, September 9, 2019

    0 votes
    3 answers
16. Анимация градиента svg в safari

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

    Asked by alex_web64, September 14, 2019

    0 votes
    1 answer
17. Различное поведение блоков в сафари и хроме

    Почему выпадает контент из родительского блока в сафари, а в хроме все хорошо? С чего начать? Куда смотреть?

    Asked by kudryavi, September 15, 2019

    0 votes
    2 answers
18. font-weight влияет на работу тега A

    Добрый день! Столкнулась со странной проблемой, буду признательна, если вы объясните в чем дело. Подключила шрифт Gotham вместо OpenSans на страницу, после чего ссылки c font-weight: 500 перестали работать. Для начертаний bold и 300 все ок. Как вообще начертание шрифта может влиять на работу тега и почему это не происходит с OpenSans ? Шрифт подключаю так: <style> @font-face { font-family: 'Gotham'; src: url("{{asset 'Gotham-Medium.eot'}}"); src: url("{{asset 'Gotham-Medium.eot?#iefix'}}") format('embedded-opentype'), url("{{asset 'Gotham-Medium.woff2'}}") format('woff2'), url("{{asset 'Gotham-…

    Asked by kapushoniha, September 17, 2019

    • fonts
    • font-weight
    • верстка
    0 votes
    12 answers
19. Передача данных из контактной формы

    Здравствуйте. Подскажите пожалуйста: есть стандартная контактная форма php Имя Телефон Город Как заполнить одно из полей (например город), запретить его изменение и передать значение на почту? То-есть, контактная форма Имя Телефон Москва Или Имя Телефон Питер Посетителям нельзя изменить город и на почту приходит указанный именно мной город. Данное применяется на разных страницах, каждая страница для своего города.

    Asked by artem99357, September 18, 2019

    0 votes
    4 answers
20. Табличная верстка. Как сверстать такое

    Верстаю email-письмо. Использую Foundation. Не получается сверстать таблицей такой блок http://skrinshoter.ru/s/170919/5k7rvQdR Как его сверстать табличной версткой? https://codepen.io/yaparoff/pen/vYBzdPm?editors=1000

    Asked by yaparoff, September 17, 2019

    0 votes
    7 answers
21. новичок в html и css

    я зовсім новачок в створені сайтів підскажіть з чого починати що б стати front-end розробітником.

    Asked by rudyvadimka, September 18, 2019

    0 votes
    7 answers
22. Как кастомизировать форму хабспота?

    ЗдравствуйтеНе получается кастомизировать форму хабспота. (только стили и визуал)Не понимаю в чем проблема и где не там пишу.Доки: https://developers.hubspot.com/docs/...d_form_optionsПрописываю и реакции 0: <style> .my-custom-form input[type=text] { border: 3px solid red; } </style> <div> <script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/shell.js"></script> <script> hbspt.forms.create({ portalId: "6402240", formId: "c39e10cd-caf3-4853-b412-fef2e723c153", cssClass: "my-custom-form" }); </script> </div>

    Asked by VladV, September 20, 2019

    0 votes
    0 answers
23. Элементарный вопрос - почему не применяются стили

    Есть такой код, например: <article> <ul class="armorList"> <li><img src="img/sword.svg" alt=""></li> <li><img src="img/shield.svg" alt=""></li> <li><img src="img/stick.svg" alt=""></li> <li><img src="img/bow.svg" alt=""></li> </ul> </article> Почему к картинкам применяюся стили в формате: img { height: 50px; } а в таком: .armorList img { height: 50px; } или .armorList { height: 50px; } не применяются. В чем тут особенность? Просьба не пинать за глупые вопросы, пытаюсь разобраться.

    Asked by Nip, September 23, 2019

    0 votes
    1 answer
24. Порядок при обтекании плавающего блока

    При обтекании плавающий блок указывается в коде над обтекающим текстом. Если уменьшать ширину рабочей области обтекающий текст уйдёт под обтекаемый блок. Есть ли способы, чтобы при нехватке места текст уходил не под обтекаемый блок, а оказывался над ним?

    Asked by rasmus, September 24, 2019

    0 votes
    1 answer
25. ищу наставника

    ищу наставника: я новачок в програмування: я буду верстать сайти и буду платить небольшой процент от заказа 15%; наставник будем меня учить. у меня сильное рвения к роботе. я люблю верстать.

    Asked by rudyvadimka, September 24, 2019

    • наставник
    0 votes
    2 answers