HTML Coding

29,320 questions in this forum

1. Есть див с выпадающем меню и ссылкой на него

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

   Asked by 107andz, April 28

   0 votes
   8 answers
2. высота блоков в HTML

   Есть блок родитель в котором находятся два дочерних блока. У родителя display; flex. Какое значение нужно задать второму блоку, чтобы он растягивался вниз до высоты большего блока(который рядом с ним) и при этом контент не смещался

   Asked by Romario1985, April 24

   0 votes
   2 answers
3. высота картинки

   Как убрать нижнюю часть картинки, на которой заливка, чтобы в блоке отображалась только видимая часть, тоесть все что обведено убрать, а блок стал по высоте видимой части

   Asked by Romario1985, April 24

   0 votes
   2 answers
4. Размещение фоновой картинки, заключенной в div, на всю ширину вьюпорта

   Подскажите, пожалуйста, как растянуть фоновую картинку, заключенную в div, на всю ширину вьюпорта? Сейчас она отображается посередине, по ширине макета. Указывала ширину 100%, 1200px, минимальную ширину 1200px - не работает. <div class="banner"> <div class="container background-image"> <div class="banner_text"></div> </div> </div> CSS: .background-image { background-image: url('/img/new_oranges.jpg'); background-size: cover; height: 200px; }

   Asked by Алеся, April 24

   • position
   • cover
   • width
   • div
   • image
   • background
   • html
   • css
   0 votes
   1 answer
5. Аккордеон на чистом HTML/CSS

   Добрый день. Подскажите как реализовать такой всплывающий блок как на картинке: 1) Блок на который один раз нажал должен быть открытым все время, до выбора другого блока; 2) Название блока в закрытом положении имеет черный цвет и стрелочка вниз, а при открытом синий цвет и стрелочка вверх 3) Реализовать с помошью HTML и CSS

   Asked by Romario1985, April 23

   • html
   0 votes
   2 answers
6. div with arrow

   Добрый день. Подскажите как создать блок с таким зубцом как показано на рисунке. Спасибо

   Asked by Romario1985, April 21

   0 votes
   2 answers
7. Линия через три блока

   Добрый день, подскажите как реализовать такую линию, как показано на рисунке? Линия пересекает три блока, один из которых находится над ней?

   Asked by Romario1985, April 21

   0 votes
   2 answers
8. Проблема с псевдокласами

   Добрый день. Возникла проблема следующего рода. При верстке все псевдоклассы работают не корректно. Например задаю всем элементам margin-bottom:30px, соответственно у последнего я его пытаюсь почистить ипользуя last-child и задавая margin-bottom: 0. Но проблема в том что после этого все остальные элементы которым обьявил нижний отступ тоже обнуляются. С first-child та же самая проблема. В чем может быть проблема? Первый раз работаю с bootstrap может ли он повлиять на работу псевдоклассов?

   Asked by Romario1985, April 15

   0 votes
   4 answers
9. flexbox и nth-last-child

   Добрый день. Возникла проблема следую щего плана, нужна адаптивная верстка с mobile-first. При этой верстке я сначла сверстал mobile получилась как на pictute1 picture1.psd. Чтобы сделать расстояние между блоками, которые я обвел бордером я задал margi-bottom, а у последнего элемента я его соответственно почистил. Но затем на tablet версииpicture2.psd и desktop picture3.psd у последнего элемента высота стала больше чем у остальных трех. При margin-bottom 0; для последнего элемента ничего не меняется. Что это за лишняя высота у последнего блока, откуда она появилась и как ее убрать?

   Asked by Romario1985, April 13

   0 votes
   2 answers
10. Адаптивная шапка

    Здравствуйте, знаю, что уже много было таких тем, но я видимо уже даже переборщил со стилями и со всем чем можно, но честно уже не вижу причину, что я с ней сделал не так, и почему она не адаптивная. Укажите мне на мою ошибку и помогите сделать шапку адаптивной для любого разрешения экрана Да класс Headr, это не ошибка. Код самой шапки: <headr class="page-header"> <div class="logo"> <img src="/img/11111.png"> </div> <div class="nav-contact"> <ul class="contact-nav"> <li><a href="/catalog.php">Каталог</a></li> <li><a href…

    Asked by MadSandwich, July 4, 2016

    • шапка
    • адаптивность
    0 votes
    8 answers
11. justify-content: space-between - выравнивание элементов в нижнем ряду

    Здравствуйте! Подскажите, пожалуйста, как избежать такой картины при justify-content: space-between: Хотелось бы, чтобы в нижнем ряду не было пустого пространства между элементами. Как вы избегаете такую проблему? http://jsfiddle.net/osfkzpvy/

    Asked by volshebnyi, January 22, 2019

    0 votes
    17 answers
12. Отступы

    Почему кнопка вылазит за границу хедера? У хедере стоит минимальная высота 750px. Как бы я не игрался со свойствами, кнопка постоянно пересекает границу, словно имеет свойство position: absolute. Разве высота хедера не должна растягиваться пропорционально контенту?

    Asked by Okieazy, January 25, 2019

    • html
    • css
    0 votes
    5 answers
13. работа кнопок с условием ЕСЛИ

    Прошу прощения, но нужна Ваша помощь. возможно ли сделать условие, при котором кнопки сверху, будут работать, типа если это город, один множитель, если это межгород другой множитель. Грубо говоря: если город стоимость остается как в формуле ниже, если межгород, умножается например на 2. <div class="switch"> <input type="radio" name="tax" value="1" id="q" class="input" checked> <label for="q" class="label">Город</label> <input type="radio" name="tax" value="2" id="w" class="input"> <label for="w" class="label">Межгород</label> </div> <input type="nomber" id="a" class="input…

    Asked by Wnyr, January 15, 2019

    0 votes
    12 answers
14. Появление лишнего отступа в блоке

    Здравствуйте! Есть небольшая проблема: имеется блок, в который вставляем строчные гиперссылки с изображениями внутри. Обнаружил, что в данном блоке появляется странный отступ снизу (зеленного цвета), от которого я не могу избавиться. Так как я новичок, то прошу помощи. Визуально проблему можно посмотреть здесь: https://jsfiddle.net. Проблема плевая, но я застрял . Заранее благодарю!

    Asked by Lex_85, December 26, 2018

    • div
    • img
    0 votes
    2 answers
15. <sup> в миксине jade

    нужно чтобы через jade отобразились корректно "см2". Ну чтобы цифра 2 была мелкой и выше. В HTML делается с помощью тега <sup> Но как этот тег передать, если я передаю строку в миксин jade ? +input('name', 'Площадь, см2') +input('name', 'Площадь, см²') https://codepen.io/anon/pen/XoMXdj

    Asked by yaparoff, December 21, 2018

    0 votes
    1 answer
16. :hover протекает внутрь дочернего, как починить?

    Есть <span class="hider">. По :hover он должен показывать свое содержимое. Он может быть вложен в себя на любой глубине. Демо: https://jsfiddle.net/kzosd0wp/3 Проблема: когда срабатывает :hover на корневом .hider, все .hider на всю глубину показывают теги <a>, но не должны. Требуемое поведение: по :hover .hider показывает только свое содержимое и родительских hider, но не содержимое вложенных в него .hider. Сейчас при наведении курсора на внешний hider показывается лишняя ссылка, но не должна. Ее должно быть видно только при наведении на дочерний .hider. Селектор .hider:hover > a не выход, т.к. внутри .hider ссылка может быть…

    Asked by 7ion, December 15, 2018

    0 votes
    4 answers
17. Не получается повторить стиль меню

    Всем привет, помогите пожалуйста с такой проблемой, не получается повторить стиль активного пункта меню, как можно сделать чтобы он был по высоте чуть выше остальных пунктов?

    Asked by vityalobanov, December 5, 2018

    • css
    0 votes
    4 answers
18. Расположение текста на странице

    Помогите, пожалуйста, у меня текст расположен просто по ширине страницы, а надо, чтобы контент занимал 70% ширины страницы и был выровнен по середине с помощью CSS. В общем надо такой вид, как на изображении, что я прикрепила.

    Asked by Elizabeth2018, December 3, 2018

    0 votes
    2 answers
19. Кривая верстка страницы

    Народ, выручайте! Получил курсовую работу на создание web-сайта абстрактного сервисного центра (кое как, с ней справился. хотя весь мой опыт - несколько сайтов-визиток, созданных много лет назад.). Не использовал какие-либо CMS, просто взял понравившийся шаблон на html, да перепилил его в Дримвивере. Поскольку тащил код отовсюду, вылезли косяки верстки (хотя, в том же Дримвивере, все было ок): Скриншот: Код страницы: <!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8" /> <title>Гарантийный ремонт</title> <script src="resources/scripts/jquery.min.js" type="text/javascript"></scr…

    Asked by Silver Raven, November 26, 2018

    0 votes
    3 answers
20. Расстояние между текстовыми полями

    Здравствуйте, начал изучать html, делаю "форму обратной связи", меня как перфекциониста раздражает расстояние между блоками текста "subject" и "message" очень сильно бросается в глаза, подскажите как можно выровнять? <form method="POST"> <fieldset> <legend>Форма обратной связи</legend> <input name="name" placeholder="Name" type="text" required/><br> <input name="email" placeholder="Email" type="email" required/><br> <input name="subject" placeholder="Subject" type="subject" required/><br> <textarea style="width:167px; height:36px;" name="message" placeholder="Message" required ></texta…

    Asked by unrealfart, November 23, 2018

    0 votes
    2 answers
21. Как убрать отступ после изображения

    Помогите пожалуйста, мне надо, чтобы текст отображался внизу картинки БЕЗ ОТСТУПОВ, сразу после картинки.

    Asked by Elizabeth2018, November 23, 2018

    • img
    0 votes
    3 answers
22. Прижать таблицу к верхней части контейнера

    Написал страничку: Скрытый текст <!DOCTYPE html> <html lang="ru"> <head> <meta charset="UTF-8"> <title>testPrj</title> <style> .wrapper { height: 100%; display: table; width: 100%; } .header { display: table-row; height: 1px; } .main { height: 100%; display: table; width: 100%; } .horizontalbar { display: table-row; height: 0px; } .box { display: table-cell; } .sidebar { width: 0px; …

    Asked by ioprst, November 22, 2018

    • html
    • css
    0 votes
    1 answer
23. Помогите в верстке

    Здравствуйте. Я недавно начал учиться верстать сайты. И вот сегодня я столкнулся с проблемой. Мне нужно чтобы эти 4 картинки стали справа от текста. Но у меня получается что они становятся снизу кнопки. p/s пользуюсь flexbox. и еще, стоит ли начать изучать boostrap или же flex gird

    Asked by shvayko, November 12, 2018

    0 votes
    4 answers
24. Как сделать отступ между Li:before и текстом

    https://codepen.io/nikki4/pen/BGLNOQ Как в указанном примере расположить слово "текст1" по длинный?

    Asked by nikki4, November 10, 2018

    0 votes
    2 answers
25. Сделать кружок списка с фоном при наведении на ссылку

    При наведении на пункт меню нужно, чтобы кружок становился так же с фоном с ссылкой: http://joxi.ru/4AkkNXoFyD0yyA пробовал вместо li a, делать структуру a li но тогда вообще пропадает кружок: http://joxi.ru/vAWNQEKc1ZB1d2 придумал способ, просто вставить span с кружком, но как ему задать стили, чтобы был по центру? когда задаю ему фонтсайз, то он поверху становится http://joxi.ru/Drl1JxocvDGKJm Придумал! top: 20px; position: relative; Но конечно это костыль. Может можно сделать чтобы к li применялся фон и цвет при наведении на li a?

    Asked by nikki4, November 8, 2018

    0 votes
    1 answer