HTML Coding

29,542 questions in this forum

1. Div за пределами нижней части экрана

   Здравствуйте! Помогите правильно разместить блоки в обертке. Имеется два основных блока, один из которых будет являться фоном ("landscape"), а другой содержать навигационные элементы ("menu"). Меню должно прокручиваться на фоне статичного фона, а у меня "menu" сваливается ниже обертки (height:100%), за пределы экрана. Кучу вариантов перебрал с позиционированием и размерами, но найти правильное решение никак не могу... CodePen , или: . CSS Скрытый текст * {box-sizing: border-box;} *:before, *:after { content: ''; display: block; position: absolute; box-sizing: border-box; } html, body { margin: 0; padding: 0; height: 100%; bac…

   Asked by lnva, November 26, 2016

   0 votes
   4 answers
2. Как подгружать картинки меньшего размера для мобильных устройств?

   Вопрос по ускорению загрузки сайта для мобильных размеров экрана. Как подгружать картинки меньшего размера для мобильных устройств, если адаптивность задается медиа-запросами, которые располагаются в конце CSS-файла? Ведь при этом все равно сначала грузится большая картинка для десктопного варианта, а уже потом вместо нее можно будет подгрузить меньшую картинку для меньшего размера экрана? Так ведь? При этом ускорения как-то не получается... Так как для мобильного сразу подгружать картинку помельче? Неужели только отдельный CSS-файл для этого делать?

   Asked by ЮрийВеб, November 28, 2016

   0 votes
   4 answers
3. использовать ли Bootstrap ради Js плагинов

   Доброго дня. Собственно вопрос, стоит ли ради Jquery плагинов (Модальные окна, табы) использовать Bootstrap, либо для этого можно взять сторонние скрипты, например те же jquery плагины, коих пруд пруди? Предстоит проект достаточно кастомный, поэтому не хочется переопределять каждую Бутстраповую кнопочку, но не силен в js, поэтому и встал вопрос.

   Asked by vip, December 1, 2016

   0 votes
   4 answers
4. Иконка из "fontello" не отображается в мобильной версии сайта

   Иконка class="icon-menu" не отображается в мобильной версии сайта, использую fontello. Должны ли отображаться иконки, когда просматриваешь сайты на мобильном? Или это моя ошибка в коде?

   Asked by Delat, December 2, 2016

   • fontello
   • иконка
   0 votes
   4 answers
5. Front-End разработка

   Можете подсказать с чего лучше всего начать учить front-end разработку? Буду очень благодарен вам.

   Asked by John106, December 3, 2016

   0 votes
   4 answers
6. Мелкие проблемы адаптивной верстки интернет магазина

   Здравствуйте, коллеги! Обрашаюсь вам за советы и решении некоторых проблем верстки. На каталоге есть карточка товаров. При наведении появляются дополнительные значки внизу. У этих значков есть подсказка при наведения. Проблема в том что подсказка значков второго ряда уходить за контент карточек товаров которые расположены на следующем ряде хотя z-index задать выше. Самое странное для меня в том что, в планшетном и мобильном версии этой проблемы нет. В чем причина? 2. В проекте использовал slick слайдер. На главном и на странице товара есть слайдер и слайдшоу соответственно. Проблема в том, при загрузки страницы сперва изображении слайдера и слайд шоу …

   Asked by parnas, December 4, 2016

   0 votes
   4 answers
7. Проблема с резиновым дивом за границы экрана, дочерний элемент за границы родителя

   Здравствуйте! подскажите пожалуйста) почти на финишной прямой, осталось один div победить) html вплотную не изучал, но по статьям делать получается, но не всегда. Собственно проблема: блок 1 (скриншот) выходит за границы экрана при ширине меньше 800px (при ширине больше 800 ширина блока фиксированная 260px; адаптивная верстка, стили opened,amenu, блоки sidebar, gadget2) пробовал решит проблему inline-block'ом, margin-left: 0 (помогло с основным блоком 2); float:left - не помогает. overflow: hidden не то что надо. В общем надо сделать так чтоб блок 1 отображался как блок 2 - скриншот jsfiddle.net/wrqzpd5y utf8adapt.rar

   Asked by Sk1lful, December 6, 2016

   • проблемы с резиновым дивом
   • дочерний элемент выезжает за родительский
   0 votes
   4 answers
8. Помогите расположить img в div корректно

   Помогите пожалуйста расположить картинки таким образом как на фото - или хоть укажите в какую сторону двигаться. Я уже намучалась Только чтобы они были именно в одном div. Div width=100%. очень срочно нужно - уже кучу времени потеряла

   Asked by Алёна Гринч, December 7, 2016

   • верстка
   0 votes
   4 answers
9. Синхронизация высоты тегов <p> в двух <div>

   Всем привет Есть два блока <div>, расположенных по вертикали (по 50%) В них есть куплеты стихов, завернутые в <p>. В левом <div> русские, в правом <div> - перевод на англ Есть ли способ как-то синхронизировать по высоте эти куплеты, чтобы на смартфонах эти куплеты были на одном уровне? А то на маленьких экранах при узких <div> строки и их перевод разбегаются по высоте сильно! Спасибо

   Asked by Svoi, December 9, 2016

   0 votes
   4 answers
10. vertical alignment in bootstrap column

    Здравствуйте! Имеется вёрстка > http://bigma.xyz/dev/pex/ Задача: Разместить контент в колонке по центру независимо от объёма (скриншот: https://screencloud.net/v/mT69) Пожалуйста прошу помочь в решении проблемы или тыкнуть носом в ответ (в гугле не забанили...либо не хватает мозгов, либо руки кривые). Заранее - огромное спасибо!

    Asked by Crossfield, December 9, 2016

    0 votes
    4 answers
11. Подскажите как сделать

    Привет, подскажите как вставить видео с ютуба на свою страницу сайта, но чтобы оно появлялось только при нажатии на текст, например: "посмотреть видео" - чтобы при нажатии на этот текст появлялась рамка с видео.

    Asked by Анатолий1944, December 9, 2016

    • подскажите как сделать
    0 votes
    4 answers
12. Блок уходит вниз при добавлении в него заголовка

    Здравствуйте! Проблема: При доб. текста в "div.block-item" (внутри тегов <p>,<span>,<h5>) он уходит вниз. С помощью "display: table" для <h5> можно это исправить, однако "text-align: center" не будет работать. Код HTML: <html> <head> <link rel="stylesheet" href="style.css"> <meta charset="utf-8"> </head> <body> <div class="center"> <div class="block"> <div class="block-item"></div> <div class="block-item"> <h5>TEXT</h5> </div> <div class="…

    Asked by abubakr, December 14, 2016

    • h1
    • h2
    • h5
    0 votes
    4 answers
13. Можете объяснить про свойство фон?

    Можете объяснить про свойство фон? Мне фон не доконца понятен, он при высоте не используется или при паддинге тоже?

    Asked by incub, December 14, 2016

    • html
    • css
    0 votes
    4 answers
14. Выполнение пробного сайта

    Здравствуйте, прошу помочь. В моём окружении нету знающих сайтостроение, кроме форума. В общем нужен опыт, на теории знаю много чего, а на практике практически опыта нету, кроме незамысловатых сайтов-визиток. Хотелось бы получить что-то типа технического задания которое определят мои знания. Например: задать сверстать макет по PSD и указать что где как должно быть, после моего выполнения указать на ошибки.

    Asked by aqua.77, December 16, 2016

    0 votes
    4 answers
15. НУжна помощь при вставке текста в css

    Добрый вечер друзья! Необходима помощь: Нужно вставить текст, не могу понять. Все отметил на картинке.

    Asked by dmitriy-tolstikhin, December 16, 2016

    • css помощь.
    0 votes
    4 answers
16. Зависание псевдокласса :active в IE7

    Привет форумчанам! Вы, наверное, будете смеяться, но я с проблемой верстки под IE7 =) Да-да, вы не ошиблись, именно под тот самый седьмой эксплорер. Верстаю одну маленькую незначительную страничку, но начальству очень критично, чтобы она работала в IE7. (Есть у них клиенты, небольшой процент, которые юзают этот браузер, блин). Среди прочего на страничке, необходимо сверстать элементы навигации слайдера, а именно стрелки влево и вправо, которые генерируются скриптом как тег <a href>, т.е. это ссылки. Проблема состоит в том, что по нажатию на картинку-ссылку (для ИЕ7-8 специально эти элементы делались картинками, а не css'ом) она зависает в состоянии ac…

    Asked by rolex12, December 17, 2016

    • ie7
    • :active
    0 votes
    4 answers
17. Не работает <div>

    Я только изучаю html и css и у меня вот такая проблема: посмотрите пожалуйста в чём проблема такое уже не в первый раз https://jsfiddle.net/fanat1k/moocktzv/

    Asked by fanat1k, December 18, 2016

    0 votes
    4 answers
18. html Помогите с неправильным отображением.

    В данном коде неправильно отображается текст, который я пытаюсь перенести в левый нижний угол. Помогите исправить ошибку!!! Заранее спасибо! <html> <head> <title>ИС-41521</title> <style> <style type="text/css"> h3 {display: inline; background: black; /* Цвет фона под заголовком */ color: green; /* Цвет текста */ padding: 2px; /* Поля вокруг текста */ font-size: 12px; } #container { width: 500px; /* Ширина макета */ margin: 0 auto; /* Выравниваем по центру */ background: #FCE600; /* Цвет колонок */ } body { font: 11pt Arial, Helvetica, sans-serif; /* Рубленый шрифт текста */ margin: 0; …

    Asked by ErUnDAK, December 18, 2016

    • css
    • вёрстка
    0 votes
    4 answers
19. Можно ли сделать так по другому (а не position)?

    https://incub10.github.io/scheme/ Как сделать по другому? Просто position перекрывает паддинг нижний(

    Asked by incub, December 20, 2016

    • html
    • css
    0 votes
    4 answers
20. Подскажите какой это шрифт ?

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

    Asked by Анатолий1944, December 21, 2016

    • подскажите какой это шрифт ?
    0 votes
    4 answers
21. Выпадание margin'а. Почему так происходит?

    В примере выше мне не совсем понятно, почему при указании margin-top блоку №2, блок №1 также опускается в низ. Как я понимал ситуацию: блоки 1 и 2 смежные, между ними нет связи родитель > дочерний, следовательно марджин не должен был выпадать. Body {padding-top 1px} исправляет ситуацию, но меня интересует именно причина возникновения проблемы с блоком №1 Просьба объяснить на "пальцах"

    Asked by wa0s, December 23, 2016

    • html
    • css
    0 votes
    4 answers
22. Как убрать горизонтальный скролл

    Не могу понять откуда появляется горизонтальный скролл, помогите понять в чем проблема пожалуйста) Ширина 100% не помогает, есть ли другие спопобы? index.html main.css bootstrap.min.css

    Asked by Alfa_main, March 6, 2019

    • html/css
    • горизонтальный скролл
    0 votes
    4 answers
23. проблемы с :hover в табах

    Здравствуйте. Не могу понять из-за чего такое происходит. :hover работает на всех ссылках в табах, кроме первого таба

    Asked by Prana, January 6, 2017

    • табы эффекты при наведении
    • :hover
    0 votes
    4 answers
24. можно ли открыть макет sketch в win

    Доброго времени суток. Скажите возможно ли открыть sketch в виндовс? https://avocode.com/ - есть такая прога, она работает на винде но не работает плагин sketch, так как есть только для OS

    Asked by Altakil, January 18, 2017

    0 votes
    4 answers
25. Как выстраиваются строковые блоки внутри контейнера строки?

    Привет. 1. Первый вопрос по CSS. Если задать font-size>line-height, например, font-size:24px и line-height:12px, то половинный интервал будет отрицательным (-6px). не могу представить поведение строчного элемента, когда у него половинный интервал отрицательный. <p style="fontsize: 12px; lineheight: 12px;"> This is text, <em>some of which is emphasized</em>, plus other text<br> which is <strong style="fontsize: 24px;">strongly emphasized</strong> and which is<br> larger than the surrounding text. </p> Не понимаю, почему в данном примере контейнер строки по высоте равен 15 пикселей (источник - кн…

    Asked by DimonQwertyevich, January 28, 2017

    • css
    • css3
    0 votes
    4 answers