Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29,542 questions in this forum

  1. Изменить размер и перенести на правую сторону

    Не могу изменить размер и перенести меню на правую сторону. Сейчас это выглядит вот так а хочется вот так (сделано в фш) с цветами я и сама разберусь, а как поставить правильно не понимаю. (Типо код) <html> <head> <meta charset="utf-8"> <title>Цветочный салон: Мираж</title> <style> hr { border: none; background-color: #CD5C5C; color: red; height: 3px; } </style> <style> #navbar { margin: 0; padding: 0; list-style-type: none; border: 2px solid #FF00FF; border-radius: 20px 5px; width: 5…

    Asked by DariaYG,

    0 votes
    4 answers

  2. Бордер в цвет градиента

    Товарищи, не могу сделать прозрачный фон на кнопку, чтобы было вот так: http://prntscr.com/luwhmx Пока получается только так: https://codepen.io/dimpin/pen/QzyXvK Может кто сможет подсказать? Буду безгранично признателен.

    Asked by Dimpin,

    0 votes
    4 answers

  3. :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,

    0 votes
    4 answers

  4. Как скрыть

    Не могу скрыть значок битой картинки, вот здесь например http://f64.space/razrushitel-karin-kusama-br-nuar-o-demonah-bandah-mesti/ В коде она выглят как <img src="" или <img src(unknown) Пытаюсь писать что-то вроде: img src(unknown) { display:none; } Выдает ошибку CSS. Это вообще можно скрыть с помощью стилей?

    Asked by kpripper,

    0 votes
    4 answers

  5. Как правильно сверстать секцию

    Как правильней всего сверстать такую секцию? div > a > img?

    Asked by Okieazy,

    0 votes
    4 answers

  6. Что сильнее импотента?

    Сейчас блок черный, можно ли его сделать его зеленым через css? изменять html нельзя (генерируется на стороннем сервере через скрипт) <div id="mainblock"> <block> <block> <block style="background:black !important;"></block> </block> </block> </div> #mainblock block block block { width:200px; height:200px; display:block; background: green !important; } Живой пример

    Asked by nikki4,

    0 votes
    4 answers

  7. Помогите пожалуйста розобратся с эти м макетом

    Не могу понять как сделать такой ховер?

    Asked by misinkevych.alina,

    0 votes
    4 answers

  8. Фиксация цвета шрифта гиперссылки

    Добрый день! Есть два фрейма. Один фрейм содержит статическую html-страницу, представляющую собой таблицу из группы товаров. Клик по гиперссылке в таблице загружает html-страницу с описанием товара в другом фрейме. Помогите изменить и зафиксировать цвет шрифта у гиперссылки, на которую кликает пользователь с таким раскладом, чтобы при следующем клике цвет шрифта гиперссылки, по которой кликнул пользователь в прошлый раз, восстанавливался на исходный. Т.е. цвет шрифта будет носить чисто индикативный характер. Если такое невозможно реализовать на CSS, просьба, сообщить! Заранее спасибо за любое предложенное решение!

    Asked by Montego,

    0 votes
    4 answers

  9. Эффект при наведении

    Всем привет, подскажите пожалуйста как добиться такого эффекта при наведении как на видео. Заранее всех благодарю. ScreenRecorderProject2.mkv

    Asked by Gruzin,

    0 votes
    4 answers

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

    Добрый всем день! С праздником вас! Подскажите, видел где-то, но не знаю, где найти: всплывающее окно с описанием товара появляется из открывающихся шторок вверх-вниз, пополам. Т.е. нажимаете вы на кнопку ПОДРОБНЕЕ у товара, сайт от середины по горизонтали как бы открывается вверх-аниз, а внутри то самое окно с описанием товара. Спасибо! Жду ссылку или ответ.

    Asked by Vic-Tor,

    0 votes
    4 answers

  11. Подключение не защищено полностью

    Здравствуйте. После подключения SSL сертификата на ПК версии сайта не появился зелёный замок. На мобильной же версии он есть (подгружается другой шаблон). Я везде проверил наличие https вместо http. Нигде упоминания http в шаблонах сайта нет. Помогите, пожалуйста. Уже давно пытаюсь исправить эту проблему. Вот код моего сайта: view-source:https://iblitzmods.ru/

    Asked by Serviak,

    0 votes
    4 answers

  12. Основные контейнеры Bootstrap

    Всем привет. В данный момент изучаю Bootstrap и задался таким вопросом. По правилам сетки Bootstrap, если я не ошибаюсь row и col должны быть внутри элемента с классом container. Но вот если при вёрстке макет разделён на отдельные блоки, например: header отдельно, далее ещё пару блоков с информацией и за ним footer. Как при таком варианте правильнее будет сделать порядок: общий тег container, вместо стандартного wrapper и далее внутри него все вышеперечисленные теги или же нужно создать container для каждого раздела? А если, например, у каждого из этих разделов свой фон? Тогда уже нужно идти по второму варианту: делать разделы на 100% ширину браузера, пропи…

    Asked by Tascan,

    0 votes
    4 answers

  13. opacity

    Что-то я не понял фишки z-index: -1; применил чтобы убрать блок а он все равно появляется https://jsfiddle.net/g5kwn3cm/1/

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

    0 votes
    4 answers

  14. Стрелка с вогнутыми гранями

    Доброго времени суток, господа. Не подскажете как можно сверстать блок с такой стрелкой?

    Asked by no__name,

    0 votes
    4 answers

  15. Отступы от текста

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

    Asked by Valery Subbotin,

    0 votes
    4 answers

  16. Передача данных из контактной формы

    Здравствуйте. Подскажите пожалуйста: есть стандартная контактная форма php Имя Телефон Город Как заполнить одно из полей (например город), запретить его изменение и передать значение на почту? То-есть, контактная форма Имя Телефон Москва Или Имя Телефон Питер Посетителям нельзя изменить город и на почту приходит указанный именно мной город. Данное применяется на разных страницах, каждая страница для своего города.

    Asked by artem99357,

    0 votes
    4 answers

  17. Style.less Unrecognised input

    Здравствуйте!У меня такая проблема в коде в style.less style.less @main-color: red; @main-bg-color: lightgray; @base-size: 24px; body { margin: 0; padding: 0; color: black; font-size: 14px; } p { color: @main-color; background-color: @main-bg-color; } .bordered { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .sq { height: @base-size * 15; width: @base-size * 15; background-color:darken(@main-bg-color, 50%) .bordered; } style.css body { margin: 0; padding: 0; color: black; font-size: 14px; } p { color: red; background-color: lightgray; } .bordered { -webkit-border-radius…

    Asked by Akbar,

    0 votes
    4 answers

  18. почему у ссылки у которой есть href="#" при нажатии на неё остается пунктирная граница

    <div class="header__nav-logo"> <a href="#">zippy</a> </div>

    Asked by victorius,

    0 votes
    4 answers

  19. блок съезжает влево

    блок съезжает влево хотя я главному блоку и тем которые внутри дал margin: 0 auto; помогите понять причину бага или наити его сайт http://frontend-er.h1n.ru/

    Asked by victorius,

    0 votes
    4 answers

  20. Как в таблице убрать бордер только между ячейками?

    Мне нужно убрать бордер только между двумя ячейками, “названием языка программирования “и “progress bаr’ом” пример на скриншоте. Красными чёрточками выделен border, который мне нужно убрать,. Так же всю таблицу сделать более яркой, чтобы название и progress bar, выделялись, и пользователь не запутался в результате голосование и видел какое название к какому progress bar’у относится. Как это можно сделать? А вот весь код: <div id="poll"> <table width="98%" border="1"> <tr> <td> Python </td> <td rowspan="2"> Количество голосов </td> <td rowspan="2"> Процент проголосовавших </td> </tr> &lt…

    Asked by Katerina23,

    0 votes
    4 answers

  21. как сверстать часть макета

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

    Asked by victorius,

    0 votes
    4 answers

  22. Нужна помощь в простейшем коде HTML или css

    Описание в карточке товара свойств (нужна помощь). Добрый день, подскажите чайнику как прописать html код или css в карточку товара. Прошу не отправлять сообщения типа подучись здесь и здесь, нужно конкретное решение. Нужно пунктирное описание свойств в карточке товара. Код должен вставляться в редактор html в админке магазина. Пример: Заранее спасибо.

    Asked by Morfeus,

    0 votes
    4 answers

  23. Блочная верстка

    Добрый день, пытался разметить страничку по заданному макету с помощью тега <div>, но столкнулся с проблемой, отступы превращают собранные блоки в полную мешанину. Размеры всех блоков заданы в процентах, размер <body> задан в пикселях. Отступы между элементами и краями <body>, должны быть одинаковыми. Ссылка на код, прилагается. Буду рад любым советам, заранее спасибо. https://jsfiddle.net/6v4t12yg/

    Asked by Raummon,

    0 votes
    4 answers

  24. Проблема с таблицей

    Не знаю как это объяснить, смотрите на скриншоты. Как решить эту проблему?

    Asked by Bourdun,

    0 votes
    4 answers

  25. Самоучитель HTML

    Подскажите как решить проблему с разделом практика(элементы html) добавление комментариев,приложение не реагирует на разные варианты ответов, кто-то справился с этим?

    Asked by Артёмka,

    0 votes
    4 answers

  • Обсуждения

    • Mondeus
      Вёрстка футера на движке Xenforo

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • 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