Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

29,410 questions in this forum

  1. работа type="time" и вывод установленного времени в консоль

    Здравствуйте, как там ваше ничего?)) А я вот пришел со своими тараканами в виде: <!DOCTYPE HTML> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>ESP Web Server</title> <style type="text/css"> body, html { margin: 0; overflow-x: hidden; } p { font-size: 1.9rem; } div { position: relative; } svg { width: 24px; top: 12px; position: absolute; } .container { padding: 0; overflow: hidden; …

    Asked by itsterit,

    0 votes
    1 answer

  2. Adaptation of the subscription form

    Hello! Could you help me figure out how to adapt? .subscribe-form{ display: flex; justify-content: end; width: 100%; height: 90px; margin-top: 46px; border: none; } input[type="email"]{ background: #fcc302; color: #ffffff; padding: 17px 25px 17px 36px; font-size: 25px; font-weight: 300; } .section-button{ background-color: #00bec9; padding: 27px 37px 27px 39px; height: 90px; border: none; cursor: pointer; }

    Asked by Lesia,

    0 votes
    6 answers

  3. Не понимаю, что сделал не так.

    Здравствуйте, не понимаю что происходит, максимально простое решение, добавить бэк через css. Сделал класс и прописал в css всё. Не работает, проверил 1000 раз всё, не работает. Код html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="content"> </div> </body> </html> И вот код css .content{ background: url('img/back_header.jpg'); } путь к картинке D:\web\Flaby\img Уже не первый день…

    Asked by masloy,

    0 votes
    3 answers

  4. Как мне определить точно определить расположение пунктированой линий

    Я могу сделать пунктированую линию в сss, но не могу ее выставить как строчный элемент в html и подобрать расположение в пространстве.Когда я пытаюсь сделать то линия у меня всегда внизу: На скрине снизу будет скрин с макета который я должен переписать

    Asked by Madarara,

    0 votes
    1 answer

  5. Сворачивание меню при нажатии на ссылку

    Здравствуйте. Есть меню на html/css. Сделал ссылки для навигации с помощью якоря, но при нажатии на ссылку, меню не закрывается, так как для этого необходимо снять флажок с checkbox. Подумывал сделать из label ссылку, меню закрывается, текст оформлен как ссылка, но по ней не переходит. В общем, подскажите, пожалуйста, как сделать, чтобы я нажал на ссылку, попал на нужную часть сайта и меню закрылось без дополнительных действий https://jsfiddle.net/v8rwhuo0/1/ В дополнение: конечно же, хотелось бы то же самое провернуть с затемнением (чтобы меню закрывалось, если я кликну в любое место темной зоны) — class="mask-content" Заранее спасибо 🙂

    Asked by maisiq,

    0 votes
    2 answers

  6. Не работающий слайдер

    Ребят, подскажите, в чем может быть ошибка. На странице два слайдера от splide. Один с классом splide (работающий), другой c классом splid (не работает). Выглядит так, будто не работают стили. Отображается как не маркированный список текста и картинок. Стили добавила единожды: <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@2.4.21/dist/css/splide.min.css" integrity="sha256-EqzwzekQXKNbB5EE4nNBQT+2gWQIWRZQXAd89YdIq8M=" crossorigin="anonymous"> Который не работает: Заранее спасибо!! <div class="foo_columns"> <div class="splid"> <div class="splid__track"> <ul clas…

    Asked by Алеся,

    0 votes
    2 answers

  7. Убрать часть url

    http://site.ru/ru/example.html Для смены языка на сайте нужно в адресе например /ru/ заменить на /us/ текущий адрес узнаю так <a id="demo"></a> <script> document.getElementById("demo").href= "http://site.ru/us/" + window.location.pathname; </script> Как получить только последнюю часть url?

    Asked by maxim1o,

    0 votes
    2 answers

  8. Оформить как ссылку

    Для смены языка на сайте нужно в адрес добавить например /ru/ текущий адрес узнаю так <p id="demo"></p> <script> document.getElementById("demo").innerHTML = "http://site.ru/ru/" + window.location.pathname; </script> но оно выдает текстом Вопрос: как сделать чтобы это была ссылка?

    Asked by maxim1o,

    0 votes
    1 answer

  9. не "выезжает" текст под картинкой при ее нажатии.

    подскажите нубу, у меня на странице при нажатии на лого, должен "выезжать" внизу отзыв клиента, раньше работало, теперь нет И еще удалились 2 лого,как восстановить ( Альфастрахование и ВСК)? Как это поправить и почему перестало работать? Спасибо заранее! https://kasko007.ru/otzyvy/ Вот: </div> </div> </div> <h1>Читать отзывы клиентов по каско</h1> <b style="color: red;">Нажмите на логотип компании, чтобы увидеть отзывы</b> <div class="image_frame image_item no_link scale-with-grid no_border"> <div class="image_wrapper"><img class="scale-with-grid" src="/wp-content/Ingosstrah.jpg" alt="alph…

    Asked by lipoolfan,

    0 votes
    1 answer

  10. Выровнять столбцы в футере

    Здравствуйте! Простите, если не сюда пишу. Пишу подвал сайта. В нем должно быть 3 столбца. Первый столбец с копирайтом относительно просто спозиционировал, остальные два не могу никак выровнять. Второй столбец должен быть по центру. Текст в нем по левому краю выравнивать. Здесь начинаются проблемы. Столбцы оформляю в div. Вот код https://jsfiddle.net/xca2j35g/ Помогите, пожалуйста. Буду благодарен советам!

    Asked by iiwanc,

    0 votes
    3 answers

  11. Увеличение символа мнемоники

    Подскажите, пожалуйста, как можно увеличить символ мнемоники в css? Font-size не работает. Спасибо! <div class="sign_left"></div> .sign_left::before { content: "\003C"; display: inline-block; color: rgb(192, 34, 34); }

    Asked by Алеся,

    0 votes
    2 answers

  12. В чем может быть моя проблема? После того как я поменял формат файла с TXT на HTML, файл начал выглядеть по другому

    Вот так. ˛˝‡?¨uÜBqı©E0ç+ÀQ‘ÒÙ<–flji^ßÔ5cu™zÁ&ÎÒ´”)ÿ*à’n∞e√c«π˝‰Z^’”á“;˜9•Lèç≥ËNH∂√œSÚzÅ|gÙ¥R∏q¶?+ {wVy'eèãåSTÈÒ∞eçLRdüI∑Ñ≈ tÕ §„¶v@ZÀÁw a€Œ¡fië¯˘'ìM°^E≠oc1ˆŸ1!,uŸ˙"Ò!÷`Á®�¶À˚Yj-ëHfl©Æ|≤≥atÖ>û‘'¢⁄4ìâøyôvXíê'‹Ω+õ(Ä√i[fl;Àl÷‚r^dr†4a∑n#–ÜS—;M8`Ì£|{¬hk†[ <⁄gò®!®uóöŬ2ŸWÀ\ ÓÿŒ@qS*G¯ûÊeÂÈ Î±TLwóƒDÄswnJÚÿ.‚NÙOÃÜ©Sv°1Äö\9ºH»äbwåŸb¶(ËH‚ÁWÔÿ8∏∞’‡∫EWcíOYÑãVÚMáÉfleÚqm¸grüx2‘•)›Q[øubóSª‡—Zê‰Hm&∂©u0„{R'“W˜®s˚w…¶U¥å� ¡AA_{†{.Ͷ0∂ v∞Ÿr∫l[’≈Ÿfi≤‚‘…_ØYi†ÌÑΩ∑⁄Œ!◊lÔò*ãK‹£ßØÿy©∆Æ© à°ƒùd≥É„}qæ@53µ$Éfl>ıã5tRRåůc[Ø<Ω§∞B⁄‹∞ÆÑ≥LKgç•ÊòÃ+i`>Ôa2éˇÔîÕ?ãflπyÙU“ë¸3â†!⁄3YDO£OûK®èıU=Ä!„fi˚ut~e,O†o◊/s,»≈¢5è¿xÇ·2Ùu{öŸØ˝¡@F.æX…0…ߥ[X`ª:¡&œ'D±föΩÓ…Q£ó8M÷ó◊%‰ü˙moñ`È⁄~tdπŒ"’ÄRG" §t……

    Asked by Arseniy443,

    0 votes
    2 answers

  13. При добавлении контента в блоки секции, её размер должен увеличиваться.

    В секции есть четыре подблока, нужно сделать так, чтобы при добавлении любого количества текста, или элементов в этот подблок размер секции увеличивался следом. Задал секции минимальная высоту.Пытаюсь использовать различные варианты.

    Asked by Alekss,

    0 votes
    2 answers

  14. Проблема с сылками в навигации

    Привет от полного новичка в верстке. Делаю сайт и возникла небольшая проблема. В навигации html воспринимает код как обычный текст. Уже много чего перепробовал, но проблема осталась. (Css еще не подключал, а сайт на стадии каркаса) <nav> <а href="index.html">1</а> <а href="shop.html">2</а> <а href="text.html">3</а> <а href="news.html">4</а> </nav>

    Asked by Rebel,

    0 votes
    2 answers

  15. Блок страницы всегда сверху шапки

    Здравствуйте! С недавних пор изучаю HTML. Раньше писал простой код, но сейчас решил вносить новые веяния. Пишу лендинг для себя. Шапка сайта закреплена, и при прокрутки страницы, всегда видна. Написал блок навыков: <div class="blok-navik"> <div> <h3>HTML и CSS</h3> <p>Использую этот язык</p> </div> <div> <h3>Непрерывность работы IT-инфраструктуры</h3> <p>Непрерывность работы и доступности IT-инфраструктуры: IP-видеонаблюдение, сетевое оборудование, антивирусный контроль</p> </div> <div> …

    Asked by iiwanc,

    0 votes
    4 answers

  16. Как изменить цвет вертикальной линии?

    Здравствуйте! Простите, если не сюда пишу. Что-то намудрил в стилях и при попытке изменения цвета вертикальной линии, цвет не меняется. Подскажите, пожалуйста, как корректно изменить цвет вертикальной линии. Код и результат можно посмотреть здесь https://jsfiddle.net/sn2uo9k4/ Буду благодарен советам!

    Asked by iiwanc,

    0 votes
    3 answers

  17. Картинка через :after на одном уровне со ссылкой

    Помогите, пожалуйста, разобраться как поместить картинку (серый фотик) на одном уровне со ссылкой. Спасибо! <li> <span> <a href="#"> @@include('./partials/last-news_container/_last-news_container.html', {"link": "Raul bids goodbye in style", "imgPath": "/img/gray camera.jpg"}) </a> </span> </li> В partials код следующий: <div class="unordered_list"> @@link </div> <div class="last-news_unorderedList" style="background-imag…

    Asked by Алеся,

    0 votes
    1 answer

  18. Упорядочить страницы карты сайта тегами div

    Здравствуйте! Помогите разобраться. Для детского садика требуется создать карту сайта по новым требованиям. Карту создали с помощью генератора, внесли небольшие изменения в код, но теперь хочется упорядочить блоки по модулям на 4 столбика, как добавить новые столики понятно, главное их упорядочить. Т.е. для примера модуль подменю "важная информация" находится с верху и относящиеся к нему страницы вниз и так далее. Но к сожаление не понятно, как это можно реализовать, все добавленные вновь страницы идут последовательно вниз. Пришлось отделять тегами < p>, но вверх поднять их не получается. http://vasilyek78.ucoz.ru/Dokument/SiteMap.html адрес расположения карты сайт…

    Asked by tohastar,

    0 votes
    3 answers

  19. Изменение цвета шрифта блока меню при hover

    Подскажите, пожалуйста, что прописать в коде для изменения цвета шрифта меню при наведении на БЛОК (не на ссылку) с черного на белый при hover. На скрине цвет меняется при наведении на ссылку. И как можно меню отодвинуть влево? Заранее спасибо! <div class="three navigation items"> <nav> <ul> <li> <div class="navigation__item"></div> <a href="#">Hot themes</a> </li> <li> <div class="navigation__item"></div> <a href="#">EURO-2016 Playoffs</a> </li> <li> <div class=…

    Asked by Алеся,

    0 votes
    1 answer

  20. Границы изображения css

    Хочу сделать так, чтобы при нажатии на изображение осуществлялся переход по ссылке, но из-за границ этого самого изображения нормально сделать не получается, вот код - https://jsfiddle.net/j7e89dro/.

    Asked by KennyJake,

    0 votes
    0 answers

  21. Меню тащит всю страницу вниз

    Сделал бургер и при открытии вся страница уезжаешь вниз. Как сделать чтобы меню просто открывалось поверх?

    Asked by dewqqland,

    0 votes
    1 answer

  22. Проблема с кодировкой поиска phprusearch

    Перекодировал сайт в UTF-8 и перестал работать поиск (phprusearch). На русские запросы отвечает "ничего не найдено", если ввести английское слово выдает вот такие иероглифы. Кодировка на страницах UTF-8 и в htaccess тоже.

    Asked by apexis,

    0 votes
    5 answers

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

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

    Asked by 107andz,

    0 votes
    8 answers

  24. Всем привет, не работает кнопка моб.меню

    Всем привет, у меня проблема, не работает моб.меню, вроде все пересмотрел, но ничего так и не нашел. Смотрел на самом пк, через файл html все робит, но заходя на сайт почему то никак не реагирует мобильное меню Сайт : Brownail.ru

    Asked by Moruga,

    0 votes
    1 answer

  25. Текст на баннере

    Подскажите, пожалуйста, как разместить текст таким образом как на картинке (должен позиционироваться от контейнера). Span в p не должен быть. Как лучше всё преобразовать? Заранее спасибо! Код следующий: <div class="banner"> <div class="container_background-image"> <div class="banner_text container"> <span class="rabbits"> <p>Do you like rabbits?</p> </span> <span class="oranges"> <p>Do you like oranges?</p> </span> </div> </div> </div>

    Asked by Алеся,

    0 votes
    3 answers

  • Обсуждения

    • maxik
      Как оценить стоимость проекта?

      By maxik · Posted

      Оценить стоимость сложно. Причины - это не ТЗ, а хотелки заказчика. Для начало нужно написать грамотное ТЗ, по уму еще сделать прототипирование, выбрать CMS, отрисовать дизайны страниц и сверстать их, а так же подобрать контент. = это все закладывается в стоимость проекта. Не маловажным фактором являются сроки. Как пример простой и быстрой реализации проекта предлагаю вам отрисовать карту в формате SVG (преимущество - векторный формат, полный адаптив без геморроя) c присвоением ID к каждому объекту и управлять ими через CSS и JS... Порфтель - http://dev.pro100max.ru/  
    • Vlad_P
      При уменьшении страницы, она не уменьшается!

      By Vlad_P · Posted

      Вы для .item строго задаете ширину. вот она и остается неизменной. Если хотите ограничить ширину - пишите max-width
    • maxik
      Можно ли сделать подложку под iframe?

      By maxik · Posted

      Можно)) Iframe с данными <iframe src="https://www.youtube.com/embed/2lN-dbQ7tSI" allow="accelerometer; clipboard-write; encrypted-media; gyroscope;" style="background: #FFFFFF;" src="http://zingaya.com/widget/9d043c064dc241068881f045f9d8c151" frameborder="0" height="400px" width="100%"></iframe> Iframe без данных <iframe style="background: #FFFFFF;" src="http://zingaya.com/widget/9d043c064dc241068881f045f9d8c151" frameborder="0" height="400px" width="100%"></iframe>  
    • kapralpv
      Можно ли сделать подложку под iframe?

      By kapralpv · Posted

      Есть сайт с видеоконтентом. Стандартный код плеера по умолчанию выводится через iframe на всех страницах сайта в одном и том же месте (по ID материала). Сразу говорю - да, сайт с фильмами, контент пиратский, надеюсь в 21-м веке это никого не удивит. Дальше по теме - бывает так, что у видеобалансера нет моего фильма и соответственно на моем сайте вместо рабочего плеера выводится пустое место. Вопрос: можно ли реализовать подложку под iframe в виде текста, типа "Видео отсутствует" и т.п.  Я пытался создать блок div с текстом на темном фоне с размерами равным плееру, но на рабочих фильмах текст "просвечивается наружу" поверх блока iframe. Можно ли реализовать подложку под блок iframe, которая не была бы видна при наличии плеера и наоборот появлялась при его отсутствии средствами HTML и CSS?
    • MenCeV
      Горизонтальный список съезжает на вёрстке, хотя отступов - нет

      By MenCeV · Posted

      Спасибо большое. А такой вопрос, можно ли это сделать с помощью display : inline-block? Просто в интернете видел, что с помощью него делают, вот интересно, почему у меня не получается.
    • Liv0n
      WordPress плагин Popup Maker

      By Liv0n · Posted

      Проше прощения, что поднимаю тему, но вопрос с прыганьем остался, решил его с помощью возврата в обратное положение сайта, но из-за того, что открывается дополнительное окно обратно не возвращается. Т.е. кликаем кнопку (фиксируется положение клика) - сайт прыгает вверх и открывает окно - закрываем его - сайт прокручивается обратно. Но сейчас есть возможность в данном окне нажать на саму услугу... и выходит: кликаем кнопку (фиксируется положение клика) - сайт прыгает вверх и открывает окно - выбираем услугу и кликаем (происходит дополнительная фиксация положения страницы при клике, а это верх сайта) - закрываем и сайт остается на том же положении. В тех. поддержке скрипта ответа по решению не дали, мол это у вас с темой что-то, к плагину не имеет отношения. За решение данной проблемы могу заплатить!
    • maxik
      Горизонтальный список съезжает на вёрстке, хотя отступов - нет

      By maxik · Posted

      Странное использование UL LI....Прям как страшный сон))).... Спрашивается - зачем городить такое.... Ссылка для просмотра - http://pro100max.ru/test-1/ test-1.zip
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept