Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. не показывает элемент через before

    Почему когда я прописываю "Имя" через content для input ничего не выводится ? form — копия.html

    Asked by rpmcmerphy,

    0 votes
    5 answers

  2. css сделать плавное исчезновение тени (box-shadow) при покидании мышей блока?

    https://jsfiddle.net/9a47rddr/ При наведении мыши - нет проблем. А можно ли средствами css сделать плавное исчезновение тени (box-shadow) при покидании мышей блока? Или без js не обойтись :(?

    Asked by torsar,

    0 votes
    2 answers

  3. Расплескалась синева по телефонным номерам

    Edge упрямо выкрашивает телефонные номера на сайте resursmed.ru в синий цвет и добавляет подчеркивание: и в шапке, и в подвале, не взирая на стили. Как победить напасть?

    Asked by d0ublezer0,

    0 votes
    3 answers

  4. Верстка картинок списка шаблон Django

    Как переместить картинку слева от категории списка? <ul class="dropdown-menu" data-navigation="dropdown-menu"> {% category_tree depth=2 as tree_categories %} <li><a tabindex="-1" href="{% url 'catalogue:index' %}">{% trans "All products" %}</a></li> {% if tree_categories %} <li class="divider"></li> {% for tree_category, info in tree_categories %} {% if info.has_children %} <li class="dropdown-submen…

    Asked by sadosado,

    0 votes
    1 answer

  5. Расширение блока под контент

    Делаю лендинг страницу. Нашел на jQuerry фотогалерею, поставил все работает. Проблема в том что в ней используются блоки с position absolute внутри которых img, соотвественно блок div в котором находится фотогалерея имеет нулевую высоту и идущий за ним блок перекрывает фотогалерею.Поставить position: relative не выход т.к галеряю начинает работать коряво. Можно ли как-то сделать чтобы блок расширился под контент?

    Asked by Noy,

    0 votes
    1 answer

  6. Почему не работает Bootstrap 3 сетка без bootstrap. css?

    Приветствую! В общем суть вопроса такова... Для того чтобы избавится от длинного css кода в Bootstrap (знаю можно сжимать файл, можно использовать только сетку, это всё не то) из файла bootstrap.css была взята часть кода для галереи таким образом, один только класс col-md-4, container и row. Все классы переписаны в другой css файл. <body> <div class="container"> <div class="row"> <div class="col-md-4">Content columns</div> <div class="col-md-4">Content columns</div> <div class="col-md-4">Content columns</div> </div> </div> <!-- jQuery (necessary for Bootstrap's JavaScript plug…

    Asked by tigrus2014,

    0 votes
    1 answer

  7. bootstrap и нестандартная сетка

    Допустим мне нужна нестандартная сетка (5, 7 и 11 рядов). Помойму можно пересобрать бутстрап с нужными параметрами. А можно ли задать такие параметры, чтоб была стандартная сетка бутсрап и кастомная (5, 7 и 11 рядов).

    Asked by torsar,

    0 votes
    3 answers

  8. Как задать фото, которое подтягивается при вставке URL?

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

    Asked by Юрий Гец,

    0 votes
    5 answers

  9. Верстка шаблона

    Добрый день! Помогите с такой проблемой: Есть шаблон с общим фоном: Для понятности разметки поменял на другой цвет: Суть вопроса: надо где черный квадрат и цифра 1, вставить изображение прозрачное в самый угол, ну типо ленточки георгиевской и всё остальное залить фоном: Вот css: html{background-color:#5d1338;} body{background:url(../images/purple/bg.jpg) no-repeat top center;} a.read_more{background-color:#ff9694;} .button_divider{border-bottom:1px #6a2146 solid; border-top:1px #6a2146 solid;} a{color:#ff9694;} h1 span, h2 span, h3 span, h4 span, h1 strong, h2 strong, h3 strong, h4 strong{color:#ff9694;} ul#main_menu li a.selected {…

    Asked by Dizred,

    0 votes
    21 answers

  10. css, margin:auto; при нажатии на чекбоксе

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

    Asked by torsar,

    0 votes
    2 answers

  11. Аналог flexbox верстки на grid

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

    Asked by alex_web64,

    0 votes
    1 answer

  12. Как прижать к низу элемент навигационного меню

    Пытаюсь прижать к низу элемент навигационного меню. Получилось абсолютно позиционировать эл-т относительно .navbar вот так http://plnkr.co/edit/q3nTJA48nmEgzjGG1LE1?p=preview Однако, при уменьшении окна либо увеличении контента (кол-ва пунктов меню) http://plnkr.co/edit/3RFQhisLDGvGDKrZ535g?p=preview, абсолютно позиционированный пункт меню перекрывает соседние пункты. Как исправить такое поведение? И еще вопрос. Для экранов планшетов и мобильных устройств (ширина < 992px) при разворачивании меню абсолютно позиционированный пункт перепрыгивает от конца контента к низу страницы. Визуально происходит передергивание изображения. Можно ли этого избежать?

    Asked by hike,

    0 votes
    5 answers

  13. Трудности при вёрстке меню сайта.

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

    Asked by maxempolk,

    0 votes
    0 answers

  14. Отображение текста в браузерах

    Добрый день! Создал меню, текст в google chrome отображается не вылезая за границы, а в firefox как на картинке. В чем проблема и как это исправить?

    Asked by мурамаса,

    0 votes
    2 answers

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

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

    Asked by hike,

    0 votes
    5 answers

  16. Адаптивные картинки в e-mail рассылках

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

    Asked by sdanilas,

    0 votes
    1 answer

  17. Как изменить размер кружка в списке?

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

    Asked by nikki4,

    0 votes
    1 answer

  18. Как сделать отступ от кружка в списке с позицией inside?

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

    Asked by nikki4,

    0 votes
    1 answer

  19. Вопрос

    Почему так долго грузится картинка со статуями ? почему такое большое расстояние сверху от картинки http://slavian.coolpage.biz/site1/

    Asked by rpmcmerphy,

    0 votes
    9 answers

  20. Выбор селектора верхнего уровня

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

    Asked by nikki4,

    0 votes
    3 answers

  21. Включение в автофокус клавиши на сайте

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

    Asked by Gelik02,

    0 votes
    0 answers

  22. Настройка рабочего окна JSFiddle

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

    Asked by Super_Saimon,

    0 votes
    4 answers

  23. Оформление стаьи (выбор тегов html5)

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

    Asked by Luca,

    0 votes
    0 answers

  24. Почему при выборе непосредственно дочернего элемента абзац игнорируется? - HTML, CSS

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

    Asked by aqua.77,

    0 votes
    1 answer

  25. Выезжающий фиксированный блок внутри контента

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

    Asked by Angel_33_3,

    0 votes
    2 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept