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. Заднее изображение, hover и filter

    Всем доброго времени суток. Хотел бы узнать, как иконки, которые находятся на картинке, при наведение сделать оригинальными, без наложений других эффектов на них. Прилагаю код на первого блока. <div class="project-block project-block_1"><div class="project-block__img"> <div class="project-block__img_link"> <a href="#"></a> </div> <div class="project-block__img_lupa"> <a href="#"></a> </div> <img src="img/projects/photo1.jpg" alt=""> </div> <div class="project-block__descr_block"> <h1 class="project-block_title">Claritas Etiam Processus…

    Asked by deafnvoy,

    0 votes
    5 answers

  2. Не работают :hover и :transition

    Люди добрые, помогите разобраться, весь день пытаюсь понять почему у меня не получается. В общем идея была сделать одну красную кнопку, чтобы при наведении появлялось еще 4 зеленых. Реализовать попытался 2мя очень похожими способами, через div и через список. https://codepen.io/lokonaft/pen/GXqBBP - в данном случае почему то не работает transition https://codepen.io/lokonaft/pen/qMNMVL - в данном случае я то ли не могу правильно задать hover, то ли я чего то не понимаю

    Asked by lokonaft,

    0 votes
    2 answers

  3. проблема со стилями css

    Добрый день, не знаю по теме ли вопрос с PHP include, но может кто нибудь знает и поможет. Сайты разрабатываю на локальном сервере. Суть в том что когда я применяю функции php include, почему то стили не работают, но не всегда, потому что до этого я делал тоже самое с другим файлом и все работало нормально. Я просто понять не могу в чем вообще может быть проблема, браузер обновлял crtl+f5, чистил кэш. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="/css/vsestyle.css"> </head> <body> <header> <div class="box"> </div> &lt…

    Asked by мурамаса,

    0 votes
    4 answers

  4. Блокирование Popup окна

    Здравствуйте! При вызове popup окна происходит затемнение (fade in) и окно блокируется, в него не передаётся фокус. Хотя модальное окно должно всплывать над затемнением. Прошу, по возможности, подсказать где ошибка. Спасибо ссылка: http://xstrongumbrella.com в футере линк "Limited Five (5) Year Warranty for Unbreakable® Walking-Stick Umbrella Standard"

    Asked by Kenoby666,

    0 votes
    5 answers

  5. Картинка в середине строки таблицы

    Требуется поместить картинку в середину строки таблицы, между ячейками. Выглядеть должно, как на первом верхнем примере. Сделал так: <html> <head> <style type="text/css"> <!-- tr.im { background-image: url(img.gif); background-repeat: no-repeat; background-position: center center; } --> </style> </head> <body> <table cellpadding="0" cellspacing="0" border="1"> <tr> <td></td> <td></td> </tr> <tr class="im"> <td></td> <td></td> </tr> <tr> <td></td> <td></td> </tr> </table> &…

    Asked by Pinguin,

    0 votes
    11 answers

  6. Невозможность выровнять плагин / его код по центру

    Здравствуйте! Пожалуйста, помогите решить мини-проблему. Установил на сайт плагин, отображающий рейтинг статьи в Google. Для работы плагина необходимо было вставить код плагина в single.php. Это я сделал. Шаблон выровненный по центру, после вставки кода в шаблон, плагин отображается смещенным вправо. Вопрос: как его выровнять? Прикреплю скриншот. Пожалуйста, помогите чайнику. Ломаю голову... ?

    Asked by Suprik,

    0 votes
    1 answer

  7. Вписать изображение в контейнер с подгонкой размеров

    Доброго времени суток, прошу помощи в решении задачи. Пример (как должно быть): На данном рисунке: Есть общий контейнер (зеленый прямоугольник), чьи размеры (и ширина и высота) заданы фиксированно (но эти величины заранее не известны + при изменении размеров окна браузера могут меняться) Внутри общего контейнера лежит контейнер изображения (красный прямоугольник). Ну и есть само изображение, о котором не известно вообще ничего. Суть задачи: изображение должно масштабироваться сохраняя свои пропорции так, чтобы занимать всю высоту или ширину зеленого контейнера (быть вписанным в зеленый контейнер), при этом красный контейнер должен име…

    Asked by ows.nightwolf,

    0 votes
    7 answers

  8. Оформление тега <audio>

    Здравствуйте, не могли бы мне помочь сделать дизайн элемента <audio>?

    Asked by deekep,

    0 votes
    3 answers

  9. Мобильное меню на чистом CSS

    Решил поиграться с тегом details и вот что получилось: See the Pen KxaPyX by Alexandr (@AlexZaw) on CodePen. Для поддержки EDGE и IE9-11 пришлось дублировать код, так как они не поддерживают тег details, так что, при использовании чекбоксов код получится короче, но тем не менее вдруг кому пригодится способ стилизации details. (если нужно зафиксировать меню - меняем позиционирование у details и .mmenu ) <details> <summary tabindex='1'> <span class="top"></span> <span class="center"></span> <span class="bottom"></span> </summary> <ul class="mmenu"> <li><a href="…

    Asked by AlexZaw,

    0 votes
    0 answers

  10. Блок с закруглёнными краями и градиентным border

    Как сверстать блок с закруглёнными краями и градиентным border? На примере кнопки, я сверстал используя не стандартный подход, а есть ли более правильный семантически корректный подход в решении таких задач? Не нравится что кнопка вышла фиксированного размера. Много CSS-свойств. *, *::before, *::after { box-sizing: border-box; } body { background: #050B1F; } /* Верхний слой */ #button-continue { margin-top: 46px; width: 331px; height: 54px; border: 3px solid transparent; border-radius: 56px; background-color: rgba(11, 27, 55, 1); position:relative; cursor:pointer; } /* нижний слой (Градиент) */ #button-continue::after { cont…

    Asked by Delat,

    0 votes
    3 answers

  11. Изменение placeholder при вводе текста в поле

    Как делаются такие эффекты, когда при вводе текста placeholder не исчезает, а уменьшается и перемещается в угол. Вот пример с placeholder (слово "email") сместилось при вводе почтового ящика.

    Asked by Delat,

    0 votes
    1 answer

  12. Редактирование тега <audio>

    Здравствуйте,хотел бы попросить о вашей помощи.Я делаю сайт,связанный с музыкой.Как сделать,чтобы при включении второго аудио трека выключался предыдущий? Иначе они воспроизводятся все вместе.Заранее спасибо!

    Asked by deekep,

    0 votes
    1 answer

  13. Проблема в вставки картинки в html коде

    Ребята, я попробовал скачать исходники(картинки) для сайта чтобы потренироваться в html css верстке. Скачал, картинки были в папке img(по дефолту), а когда пытаюсь вставить эту картинку на html страницу выдает значок, что мол этой картинки нет(ну вы поняли какой значок) и рядом пишет что было указано в alt="" пишу эти команды, все перепробовал <img src="./img/logo.png" alt="logo"> <img src="img/logo.png" alt="logo"> <img src="../img/logo.png" alt="logo"> ". Использовал Notepad++ Visual Studio Code Sublime везде один и тот же результат, если нужно будет скину весь html код( прошу заметить, что если я копирую в браузере(копировать URL КАРТИНКИ) все вста…

    Asked by xxxxx,

    0 votes
    1 answer

  14. Стык декоративных полосок

    https://ibb.co/fTNKL9 Здравствуйте, подскажите варианты реализации, на данный момент сделано псевдо элементами и при изменении разрешении разъезжается стык, как можно сделать что бы при любом разрешении стык был ровный.Прикрепляю весь сайт. Desktop.zip

    Asked by KamZed,

    0 votes
    1 answer

  15. Отправление заявки на почту

    Подскажите пожалуйста, как вывести текст сообщения в письме. Он хранится в переменной $text

    Asked by Юлия_36,

    0 votes
    1 answer

  16. Gulp и API prettier

    gulp.src('styles/style.css').on('data', (file) => { return prettier.resolveConfig('styles/style.css').then((options) => { return prettier.format(file.contents, Object.assign(options, {filepath: 'styles/style.css'})); }); }) .pipe(gulp.dest('styles')); Как мне прогнать файл styles/style.css через через галп, с помощью prettier ?

    Asked by aqua.77,

    0 votes
    0 answers

  17. Убрать белый фон на button img

    Делаю выбор фона для пользователя, что бы работать с картинками поместил их в button, но проблема в том что появился белый фон, пытался убрать так: background-color: transparent; border-color: transparent; Не помогло. https://jsfiddle.net/Mavili/vswbhLgd/ Как удалить пост? Я решил вопрос

    Asked by Mavili,

    0 votes
    0 answers

  18. Font Awesome 5

    Привет! Попалась мне в руки новая версия fontawesome и возник ступор Теперь всё делается через JS и SVG, что круто, конечно, но как этим управлять на лету? Раньше, в четвертой версии, можно было создавать псевдоэлементы к объектам на странице и было счастье. менял content: "\f07a"; /* cart icon */ на content: "\f00c"; /* check mark */ И всё, при нажатии на кнопку иконка корзины менялась на галочку. А в SVG как подмену делать? Создавать сразу два элемента и скрывать ненужный?

    Asked by d0ublezer0,

    0 votes
    2 answers

  19. Отправка заявки на почту

    Выводится "Письмо отправлено" при попытки отправки заявки на почту на локальном сервере и на хостинге. Но сообщение не приходит на почту, как это можно исправить? Спам проверяла, там тоже письма нет. Помогите, пожалуйста

    Asked by Юлия_36,

    0 votes
    1 answer

  20. Почему не работают padding по вертикали для inline?

    https://jsfiddle.net/k8ucnm0s/2/ Если для тега "a" задать display: block; то вертикальные padding работают, а если display:inline то не работают. Почему? А горизонтальные padding работают полюбому?

    Asked by torsar,

    0 votes
    1 answer

  21. Как на bootstrap 4 собрать такую сетку?

    Это вообще возможно? Мои попытки родили такую конструкцию, но она не работает, как и ожидалось: <div class="row"> <div class="col-md-9"> <div class="row"> <div class="col-md-3"></div> <!--тут уже не выходит - размеры считаются по родителю--> <div class="col-md-9"></div> </div> <div class="row"> <div class="col-md-9"></div> <div class="col-md-3"></div> </div> </div> <div class="col-md-3…

    Asked by d0ublezer0,

    0 votes
    5 answers

  22. CSS для ul.li. не влезает текст.

    Есть страничка по адресу http://sale.srfhm.ru/css_bug/ В ней есть табличка сделанная на UL LI тегах, и вот в ячейке Описание, где выводится описание для типа питания не влезает весь текст и остальную часть не видно, скрывается стилем - overflow: hidden Пробовал убрать этот overflow, тогда вообще таблица вся разъезжается... В верстке не особо силен, подскажите пожалуйста где поправить что, чтобы текст нормально влез и весь отображался... Пробовал уже по всякому, всю голову сломал! Заранее огромное Спасибо!

    Asked by Curt54rus,

    0 votes
    1 answer

  23. Прокрутка страницы к элементу

    Здравствуйте. Есть простое на первый взгляд задание - нужно после перезагрузки страницы прокрутить ее к определенному блоку. В чем состоит проблема: вешаю на window обработчик onload, чтобы отследить загрузку изображений и страница получила свою высоту до всех мнипуляций, после чего вызываю скрипт прокрутки. Но существенная часть пользователей сайта из Украины, у которых из-за санкций не грузятся скрипты и счетчики яндекса, рамблера, вк и другие, установленные на сайте. В итоге, событие onload все еще ждет загрузки, и выполняется через минуту-две, как и скрипт для прокрутки. Перезагрузка страницы вызывается кодом location.reload() чаще всего в тот момент, когда …

    Asked by alex_web64,

    0 votes
    1 answer

  24. After по центру блока

    Привет, как сделать after по горизонтали блока? https://jsfiddle.net/kLmxszwj/

    Asked by exoty,

    0 votes
    1 answer

  25. Помогите выровнять текст в потоке float

    https://codepen.io/romanmaksimov/pen/MBMGjo?editors=1100 Cмотрите тут моя работа . Подскажите пж как Departure сделать над временем (3:45am,Dec.15)?

    Asked by Ro_man,

    0 votes
    1 answer

  • Обсуждения

    • 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