HTML Coding

29,542 questions in this forum

1. Counter для slick-slider

   Ребят, может кто-то делал, что-нибудь подобное. Нужен счетчик для slick-slider как на фото ниже. Получается например у нас идет 120 слайдов, нужно чтобы он показывал сколько всего слайдов в блоке, и на каком мы сейчас находимся. На фото в нижнем левом углу видно. Буду благодарен за подсказку

   Asked by brezze, January 7, 2018

   0 votes
   3 answers
2. Подскажите по свойствам шрифта

   Подскажите какие свойства нужно выставить что бы расположение текста было пиксель в пиксель. С помощью letter-spacing подогнать не удаестся, font-stretch для этого шрифта не работает, хотя при использовании PerfectPixel видно что буквы в надписи "Fishnet Chair" уже чем показывает браузер. Если в меню еще удалось почти до пискеля подогнать с помощью margin, letter-spacing и text-stroke, то что делать с "Fishnet Chair" ума не приложу... Какими свойствами еще можно воспользоваться чтобы выглядело так как на макете? Не подгонять же с помощью позиционирования в самом деле. Макет по ссылке https://drive.google.com/file/d/1D8rNpa5YPo0ukPTT1RAikhvjES35k5E0/view?usp=sharing

   Asked by AlexZaw, January 7, 2018

   0 votes
   0 answers
3. Совет. Как выстроить блоки для закругления углов.

   Добрый день! Имею вот такой код: https://jsfiddle.net/f3scmbr0/ Загвоздка вся в том, что мне нужно закруглить углы у блока wrapp так, чтобы блок с изображением оставался в таком положении, в каком он сейчас находится. Подскажите где промахнулся при построении дерева. Пока я вижу вариант закруглять определенные углы у .hello__container и .hello__btn. Но это крайне тупо, как мне кажется... А по другому чет не вижу как это реализовать при таком построении блоков. Нуждаюсь в совете как правильно выстроить вложенность. Потому что, повторюсь, явно напартачил с этим делом, но не вижу решения... И, по ходу написания, нашел еще один вопрос, на который хотел бы найти ответ: сам…

   Asked by Super_Saimon, January 5, 2018

   • html
   • css
   0 votes
   4 answers
4. почему рамка сплюснулась

   .border { border: 3px dashed orange; } <a href = "images/eye.jpg" class = "border"> <img src = "images/eye.jpg" width = "200" /> </a> а если убрать из ссылки, то норм.

   Asked by ya novenkiy, January 6, 2018

   • img
   • border
   0 votes
   1 answer
5. Не работают Медиза запросы с Grid layot. Помогите понять проблему.

   Приветствую друзья не могу понять почему не работает адаптивка. Осваиваю адаптивную верстку на основе Grid . По задумке у меня несколько колонок которые при сжатии экрана менее чем 500 пикс., должны стать в две колонки. Не могу понять в чем подвох. Вроде бы пример элементарный. Может какая синтаксическая ошибка. Буду оч признателен если подскажете.

   Asked by Rusik177, January 6, 2018

   • grid
   • медиа-запросы
   0 votes
   0 answers
6. Поделиться в соц. сети

   Здравствуйте. У меня такая проблема, хочу сделать кнопку поделиться в соц. сети на этом сайте http://www.plusnol.ru/ при нажатии на которую отправлялся текст только тот который находится в блоке. Код я прописываю такой: <li style="display: block; border: 1px solid #000; padding:5px; border-radius:3px; margin-bottom: 10px;">Здесь текст который надо отправить<script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script> <script src="//yastatic.net/share2/share.js"></script> <div class="ya-share2" data-services="vkontakte,facebook,odnoklassniki,twitter,viber,whatsapp,telegram" data-size="s"></div></li&g…

   Asked by nikoliasa333, January 5, 2018

   0 votes
   0 answers
7. Внезапный отступ

   Доброго времени суток,знакомлюсь с вёсткой и решил сверстать страницу практики ради Всё шло по плану,пока не появился отступ справа.Никак не могу понять,откуда он возник... Помогите пжст Icanchoose.css Icanchoose.html

   Asked by Михаил56, January 5, 2018

   0 votes
   0 answers
8. Активация кнопок и смена элементов

   Помогите, пожалуйста, разобраться как активировать кнопки чтобы при нажатии на них сменялась информация (текст/картинка). Один отзыв заменял другой. Прикрепляю свой код. Большое спасибо) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <link rel="stylesheet" type="text/css" href="reviews.css"> </head> <body> <style type="text/css"> .uc-reviws { position: relative; display: block; } .uc-reviews-slider{ overflow: hidden; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-s…

   Asked by aversa121, January 4, 2018

   • помощь
   • кнопка
   • css
   • html
   0 votes
   0 answers
9. не работают стили css файла в браузере

   День добрый ! я новичек , подскажите пожалуйста ,проблема: не работают некоторые стили , открываешь фаербаг в хроме показывает что div{display:block;} в чем причина ?

   Asked by MagicAndrei, January 4, 2018

   • div {display:block;}
   0 votes
   2 answers
10. Выезжающий фиксированный блок внутри контента

    Внутри блока с основным контентом нужна фиксированная кнопка при нажатии по которой будет выезжать div блок и этот блок должен растягивается по все высоте экрана. Внешне это я реализовал вот так Пример кода Проблема в том, что сейчас блок fixed-block, который поверх всего, перекрывает контент и не позволяет взаимодействовать с ним. Может кто-то подскажет как избежать это проблемы и внешне оставить все так же?

    Asked by Angel_33_3, January 3, 2018

    • css
    • css3
    0 votes
    2 answers
11. Почему при выборе непосредственно дочернего элемента абзац игнорируется? - HTML, CSS

    Почему элемент <li> внутри элемента <p> тоже входит в выборку селектора ul > li ? он же не непосредственно дочерний https://jsfiddle.net/5unz8ta4/

    Asked by aqua.77, January 2, 2018

    • css
    • html
    0 votes
    1 answer
12. Настройка рабочего окна JSFiddle

    Добрый день! Всех с наступающим! Подскажите как справиться с бедой - дня два назад как-то самопроизвольно изменилось отображение рабочих областей в окне(собственно, на картинке видно). И не могу настроить нормально-нет курсора типа "изменения границ области по вертикали". Я посмотрел в настройках-4 поля стоит для отображения.

    Asked by Super_Saimon, December 29, 2017

    0 votes
    4 answers
13. Оформление стаьи (выбор тегов html5)

    Здравствуйте. Какие, по-вашему, правильно использовать теги при оформлении статьи, например параграфа из учебника? У меня получаетс как-то так. Может более подходящая структура существует. Я понимаю, что можно одними дивами всё "укатать" и понимаю, что для каждого своё понимание "подходящего". Spoiler <article> <h2>Глава 2. Анализ</h2> <section> <h3>2.1 Реализация</h3> <p> Содержание 2.1 .... </p> <h3>Упражнения</h3> <ol> <li></li> <!-- …

    Asked by Luca, December 29, 2017

    0 votes
    0 answers
14. Выбор селектора верхнего уровня

    Слышал, что родительских селекторов верхнего уровня не существует, как тогда быть в такой ситуации: страница контактов, при наведении на адрес должна появляется картинка (карта) сверху с соответствующим адресом например при наведении на желтый, зеленый блок становился синим

    Asked by nikki4, December 28, 2017

    0 votes
    3 answers
15. Включение в автофокус клавиши на сайте

    Всем хай! Решил создать своего рода бота на основе автокликера, который подписывался бы на группы в вылезающем окне. Но тут же встала проблема, в связи с различным расположением кнопки "вступить в группу", из-за разных размеров фото сообщества . Так как я настроил кликер на определенный порядок действий, он каждый цикл нажимал на одно и тоже место, т.е иногда он не попадал на заветную кнопку. Решил все исправить: открыл html код страницы и принялся исправлять то , незнаю что. После этого стал искать подходящие конструкции html кода в инете. Нашел какой-то "атрибут autofocus" , но , как не удивительно, не смог грамотно вставить в код страницы. Поэтому обращаюсь к вам , г…

    Asked by Gelik02, December 28, 2017

    0 votes
    0 answers
16. Как сделать всю карточку товаров целиком ссылкой

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

    Asked by hike, December 26, 2017

    0 votes
    5 answers
17. Адаптивные картинки в e-mail рассылках

    Здравствуйте! Кто-то верстал e-mail рассылки с адаптивными картинками? Столкнулся с такой проблемой. Картинка адаптивится корректно почти во всём зоопарке почтовиков, платформ и браузеров. Но в gmail на android (браузерная версия) переопределяется свойство max-width. Gmail ограничивает ширину картинки чтобы не было горизонтального скрола, но значение он подставляет не корректное. В итоге появляется горизонтальный скролл. Что интересно - в приложении gmail на android всё корректно - проблема только в браузерной версии. Думал что у меня наверстано как-то криво (не мооооожет быть, но вдруг :D) - поглядел на пример популярной рассылки от игрового сервиса Steam …

    Asked by sdanilas, December 27, 2017

    • рассылки
    • thebat
    • gmail
    • адаптив
    0 votes
    1 answer
18. Как изменить размер кружка в списке?

    Уменьшил размер текста в списке, а кружок по сравнению с текстом остался таким же. как и его уменьшить?

    Asked by nikki4, December 27, 2017

    0 votes
    1 answer
19. Как сделать отступ от кружка в списке с позицией inside?

    У списка стоит list-style-position: inside; надо от кружочка сделать отступ. если пишу обычный паддинг к li, тогда отступ происходит не от кружка, вместе с кружком

    Asked by nikki4, December 27, 2017

    0 votes
    1 answer
20. Трудности при вёрстке меню сайта.

    Итак ... Проблема заключается в неопытности в вёрстке . Есть меню , обычное . При нажатии на главное меню кидает на главную , при нажатии на "Фото" кидает на фото . "Фото" состоит из тех же элементов что и "Характеристики" кроме текста , и пары других незначительных вещей . Как сделать переход на "Фото" или "Характеристики" , "Отзывы".Нужно ли создавать по 20 страниц , или можно сделать так чтобы просто менялась часть сайта ? в любом случае если что-то понадобится то пишите , я скину код или скриншот .

    Asked by maxempolk, December 25, 2017

    • вёрстка
    • html
    • css
    0 votes
    0 answers
21. Не могу заставить <button> действовать как inline

    Есть span. Если спану задать padding, он вывалится за поля родителя. Если button задать padding, display: inline; border: 0, то за поля родителя кнопка все равно вылезать не хочет. Почему? Демо - https://jsfiddle.net/hmev9p1r/

    Asked by 7ion, December 24, 2017

    1 vote
    6 answers
22. Как задать фото, которое подтягивается при вставке URL?

    Как задать через html или css или ещё как-то – изображение, которое автоматически подтягивается при вставке ссылки в поле ввода сообщения (например в VK или Facebook)? Прикрепил 2 примера.

    Asked by Юрий Гец, December 21, 2017

    • html
    • css
    • фото
    • изображение
    • ссылка
    0 votes
    5 answers
23. Как верстать большие макеты ?

    Кто подскажет как верстать такой макет ? Шрифты слишком большие, размеры отступов и самой картины тоже. Как мне быть, сверстать так как есть или поменять все отступы и размеры шрифта на более менее подходящую ? psd макет скачать

    Asked by Димитрий, December 8, 2017

    • верстка больших мкетов
    0 votes
    7 answers
24. Аналог flexbox верстки на grid

    Здравствуйте. Есть такой пример на флексах https://jsfiddle.net/dtns7L2v/ При уменьшении размера окна когда контент не помещается в одну строку он переносится на вторую. Но между элементами не плохо было бы добавить отступ. К примеру, с помощью внутренних полей и отрицательного отступа в родителя, как это сделано в бутстрапе. Гриды нам предлагают отличное свойство grid-gap, которое может сделать подобное одной строкой кода. Проблема в том, что я не могу добиться подобного поведения элементов, из-за отсутствия опыта работы с этой новой технологией. Мои попытки: - элементы имеют ширину по контенту, но не переносятся https://jsfiddle.net/dtns7L2v/1/. - эл…

    Asked by alex_web64, December 23, 2017

    • flexbox
    • grid
    0 votes
    1 answer
25. css, margin:auto; при нажатии на чекбоксе

    <div class="wrapper"> <input type="checbox" value="Жми"> </div> Можно ли средствами css: включил чекбокс для wrapper, для него применилось свойство margin==auto. Отключил чекбокс, отмнился margin. (Или как поменять при клике на чекбокс, любое другое свойство для родителського wrapper)?

    Asked by torsar, December 21, 2017

    0 votes
    2 answers