HTML Coding

29,542 questions in this forum

1. Верстка карты мест

   Добрый день! Верстаю карту мест, возник вопрос по поводу центрирования заголовков Бизнес и эконом. Учитывая то, что у них свойство display:table-row, не могу никак найти решение проблемы. Помогите,пожалуйста, найти решение проблемы. Код ниже. Спасибо. https://codepen.io/yulshaz/pen/BMWGYe

   Asked by yulshaz@mail.ru, February 1, 2019

   • html
   • табличная верстка
   0 votes
   3 answers
2. Как сделать заполнения букв в input вместо черточек

   Как сделать, чтобы строка при заполнении такой строки "_____", где 5 чёрточек вместо чёрточек заполнялись буквы и если я захочу стереть какие-нибудь буквы, то чёрточки восстанавливались, а буквы при этом не должны смещаться с позиции влево, например, на пятой позиции вместо чёрточки буква "а", то при удалении буквы находящейся на 2 позиции буква, "а" не смещалось влево на другие позиции. Я слышала, что такое можно сделать как-то с помощью масок, но даже не представляю как?

   Asked by Katerina23, February 11, 2019

   0 votes
   3 answers
3. Проблема с меню на CSS

   Всем привет :) Пытаюсь сверстать свой первый макет, и возникла проблема с меню. Должно быть, как на первой картинке - это макет из фш. Выходит, как на второй, меню спадает вниз. Прошу, пожалуйста, тыкните на ошибку в коде, и, если есть возможность, объясните. буду очень рада ответам! Код кидаю: *{margin: 0; padding: 0; outline: 0} .clearfix::after { content:""; height: 0; display: block; clear: both; } div .container { width: 1300px; margin: auto; background: #fff; } header { width: 100%; height: 130px; border-top: 8px solid #a292b3; position: fixed; z-index: 2; } .logo { margin: 30px 0 20px 170px; }…

   Asked by Sve, March 2, 2019

   • css
   • html
   • header
   • меню
   0 votes
   3 answers
4. Как сделать html таблицу с объединением ячеек?

   Доброго дня всем матерым верстальщикам. Есть задача сделать табличку графика на сайт. Технологии - понятно, что html и css. Табличка не большая, но с особенностями. А именно, в табличке есть группы объединенных ячеек, при чем не только внутри строк, но и между строками (объединяется несколько строк). Табличку прикрепил. Каркас table tr td без объединения ячеек могу сделать, но нужно объединить. Как правильнее всего сделать такое объединение? Было бы классно, чтобы ответ был сразу с примерами.

   Asked by Evsey, April 20, 2019

   • таблица
   • верстка
   • html
   • css
   0 votes
   3 answers
5. На движке Metronic

   Подкинули мне такую вакансию. требуется врестальщик с опытом Скил - Boostrap 3 , jQuery, JavaScript, CSS ,HTML Задача создать Панель по уже готовым эскизам (макету) на движке Metronic (https://keenthemes.com/metronic/) Что значит на движке Metronic? Это просто макет или нечто большее?

   Asked by torsar, April 26, 2019

   0 votes
   3 answers
6. Сделать ссылку на новое окно меньшего размера. И открывающееся отдельно.

   Хочется сделать так, как здесь: https://www.myscore.ru Кликаешь по любому матчу - и открывается отдельное и меньшее окошко. Я пока что пробовал просто атрибут ссылки target=_blank. Выползала, во-первых, новая вкладка (в том же окне). Во-вторых, того же размера. Спасибо и извините за нубство.

   Asked by Edwards, April 27, 2019

   0 votes
   3 answers
7. [LESS] Разные правила для блоков с разными родителей

   Всем привет. Есть верстка: <div class="sharing-new position-left"> <div class="sharing-new-title">Заголовок 1</div> </div> <div class="sharing-new position-bottom"> <div class="sharing-new-title">Заголовок 2</div> </div> Для блока sharing-new-title с модификатором родителя position-left нужно применить один стиль, а для него же, но с модификатором position-bottom - другой. Пытался сделать по аналогии с вариантом https://jsfiddle.net/3qsfcep7/, но так НЕ работает: .sharing-new { &.position-left { &-title & { color: red; } } &.…

   Asked by Shurikkan, June 3, 2019

   0 votes
   3 answers
8. Рендеринг шрифта отличается на macOS и Windows

   Здравствуйте. При выделении подключаемый шрифт на сайте рендерится по разному на macOS и Windows. Браузер Chrome последней версии. Вот так шрифт отображается на ОС Windows - идеально расположен по центру А вот так уже на macOS. Шрифт смещен с центра к верху. Сталкиваюсь не в первый раз с этой проблемой. В чем может быть проблема? Возможно кто-то сталкивался с подобным? В какую сторону копать в таком случае?

   Asked by Temiks, June 11, 2019

   • шрифт
   • рендеринг шрифта
   • рендеринг в вебе
   • различный рендеринг
   0 votes
   3 answers
9. Как выровнять таблицу по центру страницы вертикально?

   Всем привет, сделал вот такую таблицу с выравниванием по горизонтали <body> <table align="center"> <tr> <td align="right">Login</td> <td align="left"><input type="text"></td> </tr> <tr> <td align="right">Password</td> <td align="left"><input type="text"></td> </tr> <tr> <td align="right"></td> <td align="right"><button style="display: inline-block">Login</button></td> </tr> </table> </body> Теперь нужно сделать еще выравнивание по вертикали. Чтобы таблица отображалась по центру страницы по горизон…

   Asked by Someone, June 26, 2019

   0 votes
   3 answers
10. Логотип и навигация

    Обернул я логотип в <nav> и возникла проблема когда применяю к ссылкам Ссылка1/Ссылка2 и т.д float:right они отображаются в обратном порядке <header> <nav> <a class="" href="#">LOGO</a> <a class="" href="#">Ссылка 1</a> <a class="" href="#">Ссылка 2</a> <a class="" href="#">Ссылка 3</a> <a class="" href="#">Ссылка 4</a> <a class="" href="#">Ссылка 5</a> </nav> </header>

    Asked by Неугомонный, July 25, 2019

    0 votes
    3 answers
11. Из svg в png

    Как из этого сделать .png изображения? , видел есть конвертеры онлайн, но че то не получается у меня правильно переместить в .svg файл данные <svg aria-hidden="true" style="" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <defs> <symbol id="icon-user" viewBox="0 0 32 32"> <title>user</title> <path d="M15.782 0.381c-4.405 0-8 3.595-8 8s3.595 8 8 8 8-3.595 8-8c0-4.405-3.595-8-8-8zM15.782 2.667c3.17 0 5.714 2.545 5.714 5.714s-2.545 5.714-5.714 5.714c-3.169 0-5.714-2.545-5.714-5.714s2.545-5.714 5.714-5.714z"></path> <path d="M16 18.667c-8.515 0-15.619 5.867-15.619 13.333…

    Asked by Неугомонный, July 28, 2019

    0 votes
    3 answers
12. Интересная задумка дизайнера. Как реализовать?

    Дизайнер нарисовал макет вот с такими интересными линиями, которые идут по всей высоте сайта http://skrinshoter.ru/s/300819/pJvpKBvC А я теперь вот ломаю голову как такое сверстать. С одной стороны это можно сверстать колонками с рамкой, но ведь есть такие блоки, которые выходят за пределы этих колонок Как тогда быть в таком случае? Такие линии реально идут по всей высоте сайта.

    Asked by yaparoff, August 30, 2019

    • дизайнер
    0 votes
    3 answers
13. Как оптимизировать скорость загрузки картинок без сжатия веса?

    У меня из галереи отбирается пять случайных картинок и показывается пользователю, эти картинки имеют довольно солидный вес до 300 кб. При извлечении картинки становятся миниатюрными с помощью php тега getImageSize и увеличиваются если щёлкнуть по картинке, вес никуда не девается он по прежнему 300 кб. Как мне оптимизировать изображения так, чтобы ускорить загрузку сайта? Прочла вот эту статью https://habr.com/ru/post/189764/. Она мало мне чем помогла, правдо я использовала только два первых примера вот этот <div> <img src="comicbookguy.jpg" alt="" onload="imgLoaded(this)"/> </div> и вот этот <div id="Slideshow"> <img src="slid…

    Asked by Katerina23, August 31, 2019

    0 votes
    3 answers
14. Блок вылезает из центровщика

    Пол года не занимался, не было времени, сейчас решил продолжить обучение и первым делом сел за практику опять...но многое забыл, вспоминаю, но не все получается. Например сверстал вот такую сетку и не могу понять, почему блок который skill-right при изменении масштаба браузера вылазит из под центровщика или вообще ломается. Очень хочу увидеть свои косяки, подскажите пожалуйста. https://jsfiddle.net/w02bzr4p/

    Asked by viliksar, September 9, 2019

    0 votes
    3 answers
15. Flex-контейнер с input элементами расширяет границы основного блока

    Основной блок содержит 2 блока 1-й с некоторым текстом 2-й flex блок с input элементами 2-й блок как будто не видит <b>ширины</b> основного блока, которую <b>задает 1-й блок</b> (sometext) и расширяет основной. Подскажите как решить данную проблему ? Пример : https://jsfiddle.net/sarcus/1vmaf3wo/14/ Но если вместо input (class='inp') вставить div то все приходит в норму: https://jsfiddle.net/1vmaf3wo/83/ <style> .cont { position: absolute; top : 200px; left: 30px; border: 1px solid #ccc; } .ctrl { display: flex; width…

    Asked by sarcus, September 26, 2019

    • css
    • html
    0 votes
    3 answers
16. <a> links doesn't work

    Помогите, пожалуйста, понять, почему не работает ссылка... Вкарячил куда только мог, все равно не кликабильно, как сделать кликабильной не сильно меняя всё остальное? https://codepen.io/Ruslan4ik1618/pen/jOOWyOr

    Asked by Ruslan_lk, October 12, 2019

    0 votes
    3 answers
17. position: absolute; и position: relative; для мобильной версии сайта

    Добрый день! Жаль что у вас тут темы не удаляются, потому что когда писала, нашла у себя ошибку, а сейчас тему удалить не могу. Но сейчас не об этом. Есть не анимированный слайдер <div class="slider"> <div class="slider_site"> <img src="/images/slider_1.jpg" alt="DSC0604-min.jpg" border="0" class="img_slider"/> </div> <div class="slider_line"> </div> <div class="txt_left"> <h1 class="slider_h">АВТОМАТИЗАЦИЯ<br> КНС</h1> <div class="button"> <a href="#" class="button_a">Подробнее</a> </div&…

    Asked by marizza40, November 14, 2019

    • css
    0 votes
    3 answers
18. неровный flex

    https://www.road.media/ на разрешении 1200px неровное расстояние между пунктами меню. почему так? для контейнера указано justify-content: space-between; по идее, должно быть ровненько

    Asked by d0ublezer0, October 17, 2019

    0 votes
    3 answers
19. Как расположить изображение и текст по левому и правому краю. В заголовке

    style.css index.html

    Asked by digenis, November 10, 2019

    • текст
    • images
    • img
    • изображение
    • блочные
    • блочные элементы
    • css
    • html
    • блок
    • оформление текста
    0 votes
    3 answers
20. Как перенести левое и правое меню под контента не сломав вёрстку?

    У меня сайт так разросся, что очень много категорий в меню как в правом так и в левом и основной контент находится слишком далеко внизу. Как перенести левое и правое меню под контент при этом не сломав вёрстку? Структура моего сайта такая: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Название сайта</title> <link rel="stylesheet" href="./styles.css"/></head> <body> <div> <div> Шапка </div> <div id="leftcol">Левое меню</div> <div id="rightcol">Правое мен…

    Asked by Katerina23, November 29, 2019

    0 votes
    3 answers
21. ПОМОГИТЕ НАЙТИ ОШИБКУ.

    Не отображается рамка на панели "поиск" и не меняется курсор при наведении на запрос. Скрытый текст <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <meta name="description" content="Киномонстр - это портал о кино"> <meta name="keywords" content="фильмы, фильмы онлайн, hd" /> <link rel="stylesheet" href="assets/css/style.css"> </head> <body> <div class="main"> <div class="header"> <div class="logo"> <div class="logo_text"> <h1><a hr…

    Asked by Наталья12, November 11, 2019

    • html верстка
    0 votes
    3 answers
22. "от кого" в приходящих сообщениях с сайта

    Здравствуйте. Есть простая контактная форма на php: <?php /* Задаем переменные */ $name = htmlspecialchars($_POST["name"]); $email = htmlspecialchars($_POST["email"]); $phone = htmlspecialchars($_POST["phone"]); $message = htmlspecialchars($_POST["message"]); $bezspama = htmlspecialchars($_POST["bezspama"]); /* Ваш адрес и тема сообщения */ $address = "Почта"; $sub = "Тема"; /* Формат письма */ $mes = "Заголовок\n Имя отправителя: $name Email отправителя: $email Телефон отправителя: $phone Комментарий: $message"; if (empty($bezspama)) { /* Отправляем сообщение, используя mail() функцию */ $from = "Reply-To: $email \r\n"; if (mail($address, $sub, $mes, $f…

    Asked by artem99357, December 3, 2019

    0 votes
    3 answers
23. Как сделать разную прозрачность двум background-image

    Как сделать разную прозрачность двум background-image в одном блоке. Например у меня в header два фона background-image: url(фон 1), url(фон 2); opacity сразу двум делает прозрачность.

    Asked by igorofa, December 5, 2019

    • background-image
    0 votes
    3 answers
24. адаптивность картинки

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

    Asked by victorius, January 10, 2020

    0 votes
    3 answers
25. Ссылка - не полное подчеркивание

    Как сделать такое при наведении? Рисунок во вложении .

    Asked by torsar, January 22, 2020

    0 votes
    3 answers