HTML Coding

29542 questions in this forum

1. Всплывающие окна

   Здравствуйте, буду признателен, если сможете помочь решить проблему с сайтом. Проблема заключается в том, что на сайте существует кнопка "Получить консультацию" которая вызывает всплывающее окно с формой. Однако при создании такого же окна при клике на изображение(пока есть только при клике на левое верхнее) окно не появляется, а встраивается в готовый блок сайта. Можете подсказать как решить эту проблему?(По поводу оформления и изображения знаю, меня интересуют только окна) Ссылка на архив с сайтом https://github.com/Mat-CauThon/-

   Asked by MatCauThon, November 13, 2017

   • всплывающие окна
   • html
   • css
   • js
   • окна
   • верстка
   0 votes
   0 answers
2. Фиксированные и резиновые сайты

   Всем доброго дня. Недавно начал изучать вёрстку и задался вопросом. Вот существуют фиксированные и резиновые сайты. Как я понял полностью фиксированные не делают. Есть ограничение по ширине контента, но фон сайта является резиновым и растягивается в зависимости от ширины устройства? А вот что насчёт самого контента? Читал, что стандартно ширину делают 1000-1100px. Так ли это? И часто ли используют действительно резиновые макеты? Как мне кажется, если включить такой сайт на большом мониторе или телевизоре, будет не очень удобно.

   Asked by Tascan, November 13, 2017

   0 votes
   3 answers
3. Как блок с классом .caption сделать так, что бы он не заезжал за img?

   Как блок с классом .caption сделать так, что бы он не заезжал за img? Когда ставишь relative он не заезжает, а мне надо с absolute

   Asked by incub, November 13, 2017

   • html
   • css
   0 votes
   1 answer
4. Помогите вставить изображение в блок

   Здравствуйте, есть у меня блок, который в CSS имеет такие свойства: Скрытый текст .hero { background-color: #B3B3B3; padding-top: 150px; padding-bottom: 150px; } И есть изображение, размером 3840x2160. Так вот, как мне сделать, чтобы оно было в блоке и обрезалось в зависимости от изменения размера блока.

   Asked by rogford, November 13, 2017

   0 votes
   1 answer
5. Откуда то лезет hover

   В меню мигает белый фон hover не могу понять откуда он берется. И что самое интересно что водишь по пунктам горизонтально ! Помогите найти как его поменять.

   Asked by virtas, November 14, 2017

   • hover
   0 votes
   4 answers
6. Теоретический вопрос по приоритетам псевдоэлементов

   Добрый день! Наткнулся на интересную ситуацию. Собственно, суть: имеем такой вот мелкий код c first-letter, first-line: https://jsfiddle.net/pwvek2qn/ И я не пойму почему первая буква все равно закрашена в красный. Ведь, как я предполагал, если код выполняется последовательно и строка должна захватывать первую букву, то вся первая строка должна быть синей. То есть, получается что у first-letter что-то вроде !important?

   Asked by Super_Saimon, November 15, 2017

   • html
   0 votes
   2 answers
7. На устройствах с малой высотой экрана футер уезжает высоко вверх

   Здравствуйте. На главной странице, футер имеет стиль position absolute, чтобы футер был поверх картинки. В тоже время сделано так чтобы слайдер растягивался на всю ширину и высоту экрана. Но на устройствах с малой высотой экрана(мобильные устройства) футер уезжает сильно вверх. Теперь думаю отменить растягивание картинки на всю высоту экрана, на устройствах с малой высотой. min-height что то не срабатывает, @media для высоты нет вроде. Посоветуйте, пожалуйста что сделать.

   Asked by uppercase_css, November 15, 2017

   0 votes
   2 answers
8. В сетке bootstrap два col-md-6, одно падает вниз

   Добрый день. При создании верхнего меню сайта с сеткой bootstrap правая часть падает вниз под левую. Не могу найти в чем причина. Код https://jsfiddle.net/aw0qvc0e/

   Asked by garmoni, November 16, 2017

   • bootstrap
   • меню
   0 votes
   21 answers
9. Прозрачные иконки

   Ребят, есть идеи как сделать иконки с вот такой прозрачностью, чтобы они просвещали фон родителя ? мне кажется это нереально. Хотел бы уточнить, что сами иконки это svg. Я могу сделать их прозрачными, не могу придумать, как сделать чтобы их просвещал белый фон

   Asked by brezze, November 16, 2017

   • css
   0 votes
   15 answers
10. Как расположить блоки таким образом (фон блоков выходит за пределы wrapper)?

    Добрый день! Подскажите, как расположить блоки таким образом как на картинке. Текстовые блоки, я думаю, можно разместить с помощью Masonry. И напрашивается обернуть эти блоки во #wrapper, разместить его посредине...... Но как быть с моментом что в таком случае фон блоков выходит за пределы #wrapper? Тут же уже не получится задать background для body и размещать весь контент внутри wrapper?....

    Asked by VeraVostro, November 17, 2017

    • html
    • css
    • masonry
    0 votes
    11 answers
11. Формы в HTML

    Как сделать такую форму?

    Asked by Daniyar, November 17, 2017

    0 votes
    1 answer
12. Сложный слайдер, нужен совет

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

    Asked by brezze, November 17, 2017

    • css
    0 votes
    3 answers
13. как сверстать

    имеется следующая верстка link Нужно чтобы div.entryFields был резиновым и занимал всю ширину до кнопки button, кнопка button должна быть по правому краю и мы не знаем ее размер Help !!!

    Asked by Daniil Khanin, November 18, 2017

    0 votes
    7 answers
14. Подгонять высоту слайдов под заданную высоту

    Здравствуйте. Есть читалка сделана из слайдера, где слайды это блоки в текстом. Слайды с текстом получаются разной высоты и отличаются друг от друга на несколько строк. Думаю задать максимальную высоту слайда, чтобы на слайдах с большой высотой текста межстрочный отступ уменьшался, а на слайдах с малой высотой текста увеличивался. Как это сделать на css не знаю. Пробовал line-height указывать в процентах, но что-то не то получается. Может не так пробую. Посоветуйте как лучше сделать.

    Asked by uppercase_css, November 18, 2017

    0 votes
    4 answers
15. Сылка с переменой

    Ребят поскольку я только начинающий, подскажите как формировать ссылку с переменой, То есть как сделать чтобы к силки добавлялось значение с переменой !DOCTYPE html> <html lang="ua-UA"> <head> <meta charset="UTF-8"/> <title>Люстра в моїй кiмнатi</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1 align="center">Управлiння люстри в моїй кiмнатi</h1> <div class="zaholovok red" id="r">ЧЕРВОНИЙ</div> <input type="range" id="fan11" min="0" max="1023" value="0" step="1" oninput="fan1()"> <div class="zaholovok green" id="g">ЗЕЛЕНЙ</div> <input typ…

    Asked by Gora, November 18, 2017

    • силка
    • слайдер
    0 votes
    16 answers
16. Помощь со "Скролируемом Меню" на html

    Здравствуйте, у меня такая проблема. Я хотел сделать скролируемое меню с ссылками на ресурс. Написал команду, и т.д. Выучил только теги html, к CSS (или как там) даже не прикасался. Так как сделать скролируемое меню с ссылками, если это вообще возможно. Объясните пожалуйста.

    Asked by GrowStay, November 18, 2017

    • верстка
    • теги
    • новичок
    0 votes
    1 answer
17. Как сверстать такой блок

    Возникла проблема с версткой такого блока как на картинке. Подскажите в каком направлении искать информацию?

    Asked by garmoni, November 19, 2017

    • блок
    0 votes
    17 answers
18. Помогите сделать body на весь экран

    Ребят делаю сайт, попросил друг, 3 года как не занимался этим, забросил, и очень многое забыл, сложно делать по старой памяти, но приходиться. Я делаю сайт на подобии того что делал раньше, но у меня видимо очень много ошибок, одна из их не могу понять почему body только закрывает часть сайта, а не на весь, уже больше 2 часов промучился переискал кучу инфы в интернете ничего не помогает, если вы не поможете прийдёться забросить это дело. я всё проверял все галочки всё закрыто, не должно быть ошибок, но боди хоть убей закрывает часть только сайта из за этого едит весь блок вот код в css body{margin:0;background:url(image/3.png)no-repeat;background…

    Asked by Евгений1111, November 20, 2017

    • помогите
    • body сайт
    0 votes
    3 answers
19. Поля margin

    Объясните почему свойство margin не выравнивает список ul по вертикали Поля left right добавляет , top bottom нет margin:auto auto; http://disq.us/url?url=http%3A%2F%2Fcssdeck.com%2Flabs%2F5en97f5i%3A51qQJl0sJwuOEAvt2LU-Ebutlwk&cuid=656471

    Asked by Ram, November 21, 2017

    0 votes
    13 answers
20. Прилипание блока к видимым границам

    Всем привет! Я тут новичок, не пинайте сразу если что. Требуется аналог position sticky для IE (в режиме совместимости с 7). Надо чтобы в одну строку текст с кнопками и с пунктирной линией проходящей под ними посередине в любой ситуации прилипал к левой и правой границе окна, то есть чтобы не участвовал в горизонтальной прокрутке, но прокручивался вертикально. Также при растягивании окна, текст за которым следуют кнопки находились слева на 20%. То есть если сдвинуть скролл, строка с красной полоской должна остатся на месте, если растянуть окно, то красная полоса растягивается, "( Title )" немного сдвигается вправо. Надеюсь более менее объяснил, за…

    Asked by serzh82saratov, November 21, 2017

    • position
    • sticky
    • ie
    0 votes
    12 answers
21. В Bootstrap верстке на малых устройствах все поля в 2 колонки

    Всем привет, В куске бутстрап кода где на средних и крупных устройствах все поля в 2 колонки : <div class="row "> <div class="form-group col-sm-12 col-md-6 "> <label for="id" class="col-xs-12 col-sm-6 control-label">Id</label> <div class="col-xs-12 col-sm-6"> <input class="form-control integer_input validate" value="1" id="id" readonly=""> </div> </div> <div class="form-group col-sm-12 col-md-6 "> <label for="lender_name" class="col-xs-12 col-sm-6 control-label">Кредитор <span class="required"> * </span> </label> <div class="col-xs-12 col-sm-6"> <input class="form-control stri…

    Asked by mstdmstd, November 21, 2017

    0 votes
    2 answers
22. По БЭМу ли?

    https://jsfiddle.net/qg3n0yaw/

    Asked by Daniil Khanin, November 21, 2017

    • бэм css
    0 votes
    0 answers
23. Не работает слайдер

    Добрый день. Есть простой слайдер на радиокнопках. Дело в том, что у меня либо не отображается ни одного слайда, либо сразу все вместе. https://github.com/k1rilenko/Device

    Asked by k1rilenko, November 21, 2017

    • input[type=radio]
    0 votes
    0 answers
24. Баг со ссылкой на сайт

    Проблема состоит в том что при копировании ссылки на сайт и отправлении ее по вайберу или ватсапу иконка сайта меняется на другое изображение

    Asked by popugai, November 21, 2017

    0 votes
    2 answers
25. Самовольное изменение размеров элементов макета.

    Добрый день! Имею такой пример https://jsfiddle.net/hfbLxxdr/1/ для построение "плитки". Столкнулся с нюансом: в макете блок-контейнер имеет ширину в 700px. Каждый элемент списка имеет ширину 222px, отступ(margin-right, в примере для красоты поставил по 15) между собой в 20px, построение- 3 в ряд... отсюда вопрос: могу я корректировать сам размеры блока-контейнера/ блоков-элементов, если по замерам я на 6px превышаю заданные размеры блока-контейнера? Или это "расстрельная статья", табу?)))

    Asked by Super_Saimon, November 22, 2017

    • css
    0 votes
    1 answer