HTML Coding

29542 questions in this forum

1. Сетка bootstrap4

   Добрый вечер! Помогите пожалуйста понять почему при использовании сетки у меня вторая колонка не отображается пока ей не поставишь ширину 100%? Разве она не должна подстраиваться под размер автоматом? вот мой код https://jsfiddle.net/gzf1hkc0/ в нем navbar с двумя колонками. проблема со второй колонкой. пс. в коде уже стоит ширина второй колонки 100%, но как я понимаю самому прописывать ее не надо и раз так может я что то не так сделал? заранее спасибо за то что уделили внимание моему вопросу)

   Asked by kask, December 14, 2019

   • html
   • css
   • bootstrap4
   0 votes
   2 answers
2. фоновая картинка с блоком внутри

   есть внешний блок с фоновой картинкой на весь блок а внутри него блок с контентом 2 вопроса как переместить этот блок с контентом так как мне нужно - почему- то все смещается вместе с фоном и еще как сделать так чтобы остальная часть листвы бамбука была видна сайт http://frontend-er.h1n.ru/asia-spa/

   Asked by victorius, December 14, 2019

   0 votes
   0 answers
3. Проверка введенного пароля

   Подскажите пожалуйста код, чтобы присутствовала одна строка ввода и кнопка отправить. После клика на кнопку, если введено "page1", то переход на файл page1.html, если "page2", то на файл page2.html и также с page3, page4, page5, а если не введено ничего, то появляется соответствующая надпись.

   Asked by Chitet, January 16, 2020

   0 votes
   1 answer
4. [body] Растянуть изображение по высоте с сохранением пропорции

   Приветствую всех! Я начинаю создавать страницы html. Такой вопрос: есть изображение с размером 1024x768, как его поставить в body так, чтобы изображение центрировалась и растянулась по высоте (но не по ширине) с сохранением пропорции? (посмотреть прикрепленное изображение)

   Asked by Erdos, December 16, 2019

   • background-image
   0 votes
   2 answers
5. Картинка (при уменьшении броузера)

   Здравствуйте Помогите пожалуйста решить следующую проблему. Есть попытка сделать картинку в хедере так, чтобы при уменьшении броузера она адаптировалась под размеры. Что то идёт не так, и когда уменьшаешь броузер - часть картинки задвигается налево и становится видно только правую часть картинки. Если есть время, то помогите пожалуйста. .logoheader { background: url(../img/pics/headerpic.png) no-repeat right; bottom #0C1A3E; color: #FFFFFF; min-height: 250px; } #header { display: block !important; position: relative; padding: 1em 0 0 0; /* 8em 0 0 0 */ overflow: hidden; }

   Asked by Barik, December 20, 2019

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

   как сверстать блоком с картинкои с бамбуком на левои стороне где весь блок это картинка + поверх контент я сделал так = через html подключил картинку + поверх вставил блок с контентом (с position absolute)и все спозиционировал в нужное место блоку в котором находится картинка задал position relative. есть проблема при уменьшении экрана контент вываливается из картинки как сделать чтобы контент не вываливался из картинки в смысле чтобы высота картинки менялась под контент ? еще проблема как убрать 2 вертикальных скролла которые появляются при уменьшении экрана http://frontend-er.h1n.ru/asia-spa вот блок картинка чтобы лучше п…

   Asked by victorius, December 22, 2019

   0 votes
   0 answers
7. Передать в контактную форму значение <button>

   Здравствуйте. На сайте 10 товаров, у каждого из товаров есть кнопка, при нажании на которую всплывает окно с вормой, после заполнения значения отправляются на почту. Для всех этих кнопок сделана одна форма, то-есть, на какую бы кнопку не нажал, передаётся один и тот же текст. Можно ли как-то сделать, чтобы при нажатии на каждую кнопку, автоматически добавлялось своё значение? Например: Можно сделать для каждый кнопки свою, отдельную форму, но так не очень хорошо. Можно ли обойтись одной? HTML <form class="form-header" id="form" method="post" name="form"> <div class="form-group"> <input class="form-control input-…

   Asked by artem99357, December 22, 2019

   0 votes
   1 answer
8. как сверстать часть макета

   как видете на картинке блок состоит из 2 блока 1 с контентом 2 с картинкои оба эти 2 блока пересекаются подскажите как верстать эту часть макета

   Asked by victorius, December 24, 2019

   0 votes
   4 answers
9. стили внутри других стилей ?

   подскажите пожалуйста, как сделать так чтобы при наведении курсора на b-2 или b-3 или b-4 или b-5 цвет заднего фона b-1 становился былым ? https://codepen.io/FreshManGood/pen/xxbrBPZ?editors=1100 логичнее было бы сделать вот так .container-blocks .block-2:hover, .container-blocks .block-3:hover, .container-blocks .block-4:hover, .container-blocks .block-5:hover{ background-color:green; .container-blocks .block-1{ background-color:red; } } но так нельзя можна ли решить данную задачу на чистом CSS ?

   Asked by FreshMan, December 26, 2019

   0 votes
   5 answers
10. слаидер slick с картинкой

    при ширине экрана @media(max-width:768px) в самый низ страницы верстки есть слайдер внутри него есть контент с картинкой хочу поместить картинку за границы слайда сверху но картинка обрезается. как сделать чтобы было видно ссылка на верстку http://frontend-er.h1n.ru/asia-spa/

    Asked by victorius, December 30, 2019

    • верстка
    • css
    0 votes
    0 answers
11. Как растянуть меню и сохранить контент по середине?

    Здравствуйте, не подскажите как растянуть выпадающее меню на всю ширину страницы, что бы контент/ссылки так и оставались на середине? Догадываюсь, что проблема в позиционировании "absolute" "relative", но знаний не хватает куда что прописать. Вот код css: #menu-wrapper {display:block; width:960px; margin: 0 auto;} /* Reset */ .nav, .nav a, .nav ul, .nav li, .nav div, .nav form, .nav input { margin: 0; padding: 0; border: none; outline: none; } .nav a { text-decoration: none; } .nav li { list-style: none; } /* Menu Container */ .nav { display: inline-block; position: relative; …

    Asked by vignaliizada88, January 31, 2020

    0 votes
    0 answers
12. Ломанная линия на flex (мозаичная верстка)

    Привет. Друзья, подскажите пожалуйста, как сверстать вот такую сетку на флексах, чтобы блоки нижнего ряда прилипали к блокам верхнего (типа мозаичная верстка). Применил align-items:flex-start, думал что сработает, но нет...

    Asked by Yurii.Vovchuk, December 31, 2019

    • flex
    • flexbox
    • mosaic
    0 votes
    0 answers
13. Проблема с мобильной версией сайта (верстка css)

    Здравствуйте уважаемые, уже пару дней борюсь с непонятным отображением главной страницы сайта автошколы - автобан в мобильной версии. Итак, суть проблемы: Открывая главную страницу на мобилке или в хроме с отладкой моб.устройств, справа появляется пустая область по всей высоте, то-есть если страницу пересунуть влево. Такой глюк только на главной странице, больше не замечал нигде, такое ощущение что где-то задана ширина, больше ширины экрана, но я все пересмотрел много раз, и не могу найти где проблема. Прошу помощи, буду рад любым идеям

    Asked by Chmil, February 2, 2020

    0 votes
    1 answer
14. Как правильно задать бекграунд псевдоэелементу SVG картинкой, чтобы по наведению картинка цвет меняла?

    Приветствую специалистов по верстке! Подскажите: как правильно задать бекграунд псевдоэелементу SVG картинкой, чтобы по наведению картинка цвет меняла? Попробовал сделать так: .main-menu ul li a { position: relative; display: flex; flex-direction: column; align-items: center; } .main-menu ul li a::before { width: 18px; height: 18px; content: ''; background: #828282; display: block; mask-repeat: no-repeat; mask-position: center; margin: 0 0 3px 0; } .main-menu ul li a.active::before, .main-menu ul li a:hover::before { background: var(--clr1); } .main-menu .reit a::before { mask-image: url('../images/main…

    Asked by VasyOK{!}, January 1, 2020

    0 votes
    1 answer
15. Слайдер или что-то подобное

    Уважаемые форумчане, подскажите, пожалуйста, слайдер или другое решение для реализации данного. При этом закладки 1, 2, 3 должны сменяться по времени и на каждой из них возможно было бы кликать по ссылке, картинке или другому объекту.

    Asked by Totalist, January 7, 2020

    0 votes
    7 answers
16. Pricing Table на Uikit 3. Как сделать?

    Всем привет. Никак не получается сверстать нормальную Pricing Table на Uikit 3. Я только вникаю в тему, поэтому, может еще не догоняю. Пробую сделать на uk-flex + uk-table. Постоянно какие-то косяки то с адаптивностью, то с шириной, то с высотой колонок... <div class="uk-flex uk-flex-center"> <div class="uk-card uk-card-default"> <table class="uk-table uk-table-divider bg1"> <thead> <tr> <th>Тестовая таблица 1</th> </tr> </thead> <tbody> <tr> <td>Поле 1</td> </tr> <tr> <td>Поле 2 пошире</td> </tr> <tr&g…

    Asked by dron, January 8, 2020

    • css
    • html
    • uikit 3
    0 votes
    2 answers
17. Фон flex-элемента

    Здравствуйте! Проблема в том, что фон flex-элемента занимает по ширине окно браузера, а содержимое блока flex (при горизонтальной прокрутке вправо) остается без фона. Почему это происходит и как мне исправить? Мой пример: https://jsfiddle.net/edx5o927/

    Asked by hike, January 9, 2020

    0 votes
    2 answers
18. адаптивность картинки

    почему при уменьшении экрана картинка не уменьшается хотя я ей задал max-width 100% в мозиле все нормально при уменьшении экрана картинка автоматически уменьшается а в хроме картинка не уменьшается и контент выходит за пределами сайта(урезается) верстка http://frontend-er.h1n.ru/lotos/

    Asked by victorius, January 10, 2020

    0 votes
    3 answers
19. Добавление блока и перестановка последующих

    Можно как-то с помощью HTML & CSS сделать так что когда добавляешь новый блок на страницу, то предыдущие сунуться в бок, а последний переходит на другую страничку, и так далее. Например если добавить новый товар в интернет магазин, то все товары по итогу посунуться на один, а последний перейдёт на следующею страницу. А если только с помощью JS или еще как то какой самый простой способ.

    Asked by Serhii Durov, February 17, 2020

    0 votes
    1 answer
20. При наведение мышки на ссылку изменить фон другого элемента.

    .price__link:hover .price__title { background-color: #49cbcd; } Верстаю учебный макет и не получается сделать так что бы при наведении курсора мышки на ссылку изменялся фон другого элемента. Что может быть не так? Скрытый текст <div class="price__item"> <div class="price__title"> Basic </div> <div class="price__cost"> $5.01/ Month </div> <div class…

    Asked by Genazb, February 17, 2020

    0 votes
    5 answers
21. Как изменить размер кнопок социальных сетей для маленьких экранов

    Здравствуйте, я заранее извиняюсь за возможно глупый вопрос. Недавно начал изучать создание сайтов и написал простенький блог на связке html+css+php7. И уже два дня сижу над проблемой. На одной из страниц добавил кнопки социальных сетей с помощью addThis. Они уменьшаются на экране смартфона, но становятся слииишком маленькими. Сколько я не ковырял css, ну не получается их больше сделать. Подскажите, что я делаю не так? Вот ссылка: Школьная Энциклопедия

    Asked by jestemobecny, January 17, 2020

    0 votes
    1 answer
22. проблемы с расположением текста

    как в css сделать так, чтобы текс был сверху кнопки (в верхней ее части) без создания контейнера?

    Asked by Dmitry3258, February 19, 2020

    0 votes
    1 answer
23. Помогите решить проблему с рейтингом 5 звезд для статей

    Доброго дня.Хотел сделать все сам, но все нет сил больше.Либо человек выложил специально корявый код, чтобы трафик набивать, либо я далекий уж совсем. Не хотелось бы копировать текст его весь, http://usefulscript.ru/star_rating.php (скройте если нужно ссылку пожалуйста, это не мой сайт) У меня получилось связать базы данных, он голоса с ip учитывает, говорит спасибо что проголосовали, а звезды не показывает, да и вторая таблица где 3 позиции не заполняется. Посмотрите хотя бы бегло я вас прошу, или скажите как проверять,а то я с катушек точно слечу.

    Asked by ronibest89, January 19, 2020

    0 votes
    1 answer
24. Помогите найти ошибку в нумерации списка

    На онлайн курсе было задание создать нумерованный список вопросов в тесте, вроде, все команды написала правильно, всё выглядело как надо, пока не началось оформление. Всё съехало и нумерация пропала. Помогите,пожалуйста, найти ошибку https://trinket.io/html/cddf8856c1

    Asked by Natalie, January 20, 2020

    0 votes
    1 answer
25. Начало пути

    Приветствую обитателей местных. Обращаюсь я к людям просвещенным прошедшим тернистый путь обучения веб разработки. Дайте совет о повелители паутины всемирной. С Чего начать мне путь обучения веб разработки? Думаю записаться курсы вот только на какие? Где могут дать нормальные основы? С которыми можно будет начинать осваивать практику. Да и вообще буду рад почитать ваши истории становления на путь верстки.

    Asked by antizyk, January 22, 2020

    0 votes
    0 answers