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. Текст не находится по центру кнопки, хотя должен

    На главной странице сделал небольшое меню, для того что бы пользователям было проще сразу перейти к нужной странице, но текст почему-то смещён немного вправо, хотя тег <center> присутсвует <center> <div id="navigation"> <a href="pages\news.html">Новости</a> <a href="pages\story.html">Лор</a> <a href="pages\forum.html">Чат</a> <a href="pages\materials.html">Материалы</a> <a href="https://worldofwarcraft.com" target="_blank">Сайт World Of Warcraft</a> <a href="https://www.blizza…

    Asked by Venner,

    0 votes
    1 answer

  2. Врёт самодельный счётчик посещаемости.

    Здравствуйте. Сделал на своём сайте простейший счётчик посещаемости. Алгоритм работы PHP скрипта установленного в начале каждой страницы: - проверяем куку, если она уже есть, ничего не делаем, показываем страницу - если куки нет, устанавливаем её и пишем в БД +1 к сегодняшним посетителям Яндекс метрика показывает 50 человек, а моя самодельная 200. Как быть ? Как убрать ложные срабатывания и откуда их столько набирается ? Сделал поправку в счётчике. Считаю вторым счётчиком тех, у кого кука уже проставлена. Т.е. они на моём сайте перешли по какой-нибудь ссылке. Так вот таких раза в три меньше уже. Спасиб…

    Asked by Kompilator,

    0 votes
    1 answer

  3. Как состыковать два изображения без разрыва

    Здравствуйте. Прошу подсказать по следующему вопросу. Есть два изображения, которые нужно разместить одно под другим в таблице, а между ними текст. Для упрощения скажем это одинаковые прямоугольники. Но после первого изображения появляется белая рамка. Попытки ее убрать с использованием методов, найденных в поиске, не увенчались успехом. Прошу подсказать как решить этот вопрос. На приложенном изображении расположение горизонтальное, но суть та же. <html> <head> </head> <style> img{ border: none; } </style> <body> <table border = "0" cellpadding="0"> <TR> <TD> <img src = "D:\Пр…

    Asked by qetutu,

    0 votes
    3 answers

  4. Не могу установить emmet

    Кто сталкивался при попытке установить emmet выдает оповещение "Unable to download Emmet. Please view the console for more details." Где эта консоль, как увидеть ошибку?

    Asked by viliksar,

    0 votes
    5 answers

  5. Комбинирование псевдоклассов

    Собственно, таблица. По ховеру меняется цвет в ячейках, условно, на золото. Но мне нужно, чтобы первая строка и первый столбец не реагировали на ховер, хотя бы визуально. Причем они имеют отличные от остальных ячеек цвета. Условно - серебро. Т.е. имеем: .tbl tr td:hover { background: gold; } .tbl tr td:first-child { background: silver; } .tbl tr td:first-child:hover { background: silver; } Работает. Мышка ходит по таблице, ячейки окрашиваются золотом, но первый столбец - нет. А вот с первой строкой, так не получается .tbl tr:first-child { background: silver; } .tbl tr:first-child:hover { background: silver !important; } Все р…

    Asked by Destrifer,

    0 votes
    1 answer

  6. Помогите исправить

    Не могли бы вы подсказать, если в коде 2 тега титл, то это какая то ошибка? Просто мне делали год назад сайт, и я не уверена что правильно. вот поподробнее: <title>Световые буквы</title> <meta name="keywords" content="реклама на транспорте, наружная реклама Москва, вывески, наружная реклама, штендеры, стенды, монтаж наружной рекламы, панель-кронштейн, световые вывески, таблички, интерьерная печать, латунные таблички, баннеры, объемные буквы, регистрация наружной рекламы, неоновая реклама, световые короба, перетяжки, оформление витрин, неон, металлические буквы" /> <meta name="description" content="Реклама на транспорте. Лучшие цен…

    Asked by ирина228777,

    0 votes
    1 answer

  7. 2 прямоугольные трапеции, обращенные друг к другу

    Поздравляю с Рождеством мастеров верстки! Подскажите: как сделать 2 прямоугольные трапеции, обращенные друг к другу? Скрин: Пока что не получилось, так как на скрине. Уже и с transform мучался и с clip-path. Может что-то не понимаю. https://jsfiddle.net/PlayboyZP/L24u0mrw/

    Asked by VasyOK{!},

    0 votes
    1 answer

  8. Подскажите как закрасить баннер

    Приветствую специалистов по верстке. Нарисовал мне дизайнер такой баннер Подскажите как сверстать: 1) Строка "Размещение рекламы" по центру (по горизонтали) 2) фон этой строки закрашен только слева

    Asked by VasyOK{!},

    0 votes
    11 answers

  9. Верстка карточек сотрудников

    Доброго времени суток. Подскажите пожалуйста, если не точный код, то хотя бы в каком направлении двигаться. По какому принципу верстаются вот такие блоки? Как отцентрировать эти карточки между собой, как отцентрировать текст под картинками относительно самих картинок?

    Asked by Fomatik,

    0 votes
    3 answers

  10. Проблема в микроразметке

    Вот проблемный код: <figure itemscope itemprop="image" itemtype="http://schema.org/ImageObject"> <picture> <img itemprop="url contentUrl" src="http://nebo.top/data/_index-block/bg-index.jpg" srcset="http://nebo.top/data/_index-block/bg-index.jpg" alt="небо" title="небо"> </picture> <meta itemprop="width" content="100"> <meta itemprop="height" content="100"> </figure> Яндекс вебмастер выдаёт ошибку по всем картинкам в таком виде и не индексирует их: Валидатор выдаёт вот такое сообщение по этому коду: Помогите пожалуйста разобраться в чём тут проблема.

    Asked by alleclf,

    0 votes
    2 answers

  11. Табы в Opera

    Есть код с вкладками: <section class="tabs"> <input id="tab-1" type="radio" name="radio-set" class="tab-selector-1" checked="checked" /> <label for="tab-1" class="tab-label-1">Tab 1</label> <input id="tab-2" type="radio" name="radio-set" class="tab-selector-2" /> <label for="tab-2" class="tab-label-2">Tab 2</label> <input id="tab-3" type="radio" name="radio-set" class="tab-selector-3" /> <label for="tab-3" class="tab-label-3">Tab 3</label> <input id="tab-4" type="radio" name="radio-set" class="tab-selector-4" /> <label for="tab-4" class="tab-label-4">Tab 4</label> <div c…

    Asked by terminotor,

    0 votes
    2 answers

  12. Какой родительский элемент у изображения?

    Коллеги, прошу помощи. Есть задача сделать размер изображения адаптирующимся к размеру содержащего ее контейнера. Задание ширины в % помогает, задание же высоты в % не меняет ровным счетом ничего. Подозреваю, что родительским элементом для этой картинки почему-то считается не ее контейнер, а что-то другое. _https://codepen.io/NatalyaY/pen/LMdgWv_ Прошу помочь разобраться. Еще раз резюмирую задачу - нужно чтобы картинка занимала не более 90% по высоте или ширине от размеров div detailed-image-container (насколько я понимаю, второй div с классом detailed-image-frame формируется под размер контента в нем - т.е. самой картинки), структуру div нужно сохранить.

    Asked by NatalyaY,

    0 votes
    2 answers

  13. footer поверх map

    Помогите, пожалуйста, понять как разместить footer поверх map. Я начинающий верстальщик и не могу понять как решить данную задачу. Я пробовала с отрицательным margin-top для footer, тогда он залазит на div и в Chrome и Safari все отлично, но Firefox все съезжает. <main> /*много других тегов*/ <section class="modal-map"> /*форма*/ <div> <iframe src="https://www.google.com></iframe> </div> </section> </main> <footer> </footer>

    Asked by marriavass,

    0 votes
    1 answer

  14. Как записать новый текст в ячейке таблицы сохранив старый текст?

    У меня есть таблица в ячейках которой уже есть текст как записать туда новый текст при этом сохранив старый. InnerHtml не помогает он делает замену старого текста на новой скриншот. Может быть можно как-то с помощью стилей сделать? <!doctype html> <html lang="en"> <head> <style> table td {width:25px; height:25px} </style> <meta charset="utf-8"> <title>Page1</title> <script> function showInfo() { document.getElementById("cell1").innerHTML="A"; document.getElementById("cell2").innerHTML="B"; document.getElementById("cell3").innerHTML="C"; } </script> &…

    Asked by Katerina23,

    0 votes
    1 answer

  15. Баннер

    Привет. Вопрос следующий. При обновление word press, один баннер переместился вниз ( см. скрин баннер в черном квадрате ). Как его вернуть обратно в черный прямоугольник?

    Asked by diekrups,

    0 votes
    1 answer

  16. Появление лишнего отступа в блоке

    Здравствуйте! Есть небольшая проблема: имеется блок, в который вставляем строчные гиперссылки с изображениями внутри. Обнаружил, что в данном блоке появляется странный отступ снизу (зеленного цвета), от которого я не могу избавиться. Так как я новичок, то прошу помощи. Визуально проблему можно посмотреть здесь: https://jsfiddle.net. Проблема плевая, но я застрял . Заранее благодарю!

    Asked by Lex_85,

    0 votes
    2 answers

  17. Как скрыть

    Не могу скрыть значок битой картинки, вот здесь например 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

  18. Изменение фона

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

    Asked by gadjet,

    0 votes
    1 answer

  19. Как вырезать необычное изображение

    Ето проблемное для меня изображение в psd макете смотрится как маленькое, обычное png изображение на фоне другого, гораздо большого изображения Как я понял в фотошопе оно представляет собой миниатюру стоя, а по верху миниатюра стоя маски. Тоисть выходит так что само ето миниатюрное изображение имеет черный фон, который на макете невидим, по при попытке вырезать мне нужную часть етот фон тоже вырезается. Нужная мне(выдимая) часть изображения имеет много мелких деталей и по другом как то их выделить не получается. Как быть?

    Asked by Serhiy,

    0 votes
    1 answer

  20. При добавлении в сборку js файла перестал работать слайдер

    Доброго времени суток! Сразу к сути. Делаю учебный проект в шторме, конечный результат которого собирается при помощи сборки проекта. все библиотеки и зависимости установлены. с подключением slick-carousel разобрался, начал делать выпадающее меню в шапке, создал файл head.js, пописал в main.js такую строчку import 'head.js' в результате сломался слайдер, а в консоли ошибка "файл не найден" увидеть воочию можно тут https://rimidbit.github.io/shopia-S/ исходники тут https://github.com/rimidbit/source_code.git Что еще добавить не знаю. Готов предоставить все вводные, только б разобраться

    Asked by rimidbit,

    0 votes
    0 answers

  21. <sup> в миксине jade

    нужно чтобы через jade отобразились корректно "см2". Ну чтобы цифра 2 была мелкой и выше. В HTML делается с помощью тега <sup> Но как этот тег передать, если я передаю строку в миксин jade ? +input('name', 'Площадь, см2') +input('name', 'Площадь, см<sup>2</sup>') https://codepen.io/anon/pen/XoMXdj

    Asked by yaparoff,

    0 votes
    1 answer

  22. Заморочки с label

    Всем привет. Прошу совета. В табах по ссылке необходимо, чтобы со сменой слайдов изменялась стоимость ремонта в верхней желтой плашке. Никак не могу допереть как написать код. Не сочтите за труд, аксакалы. Кто может помочь, буду благодарен. https://codepen.io/dimpin/pen/YdZRvN

    Asked by Dimpin,

    0 votes
    0 answers

  23. Сдвигается логотип

    Добрый вечер когда я изменяю размер браузера при клике на бургер меню у меня смещается логотип "online 1click", как сделать так чтобы логотип не смещался? Сайт.rar

    Asked by Almaz_Kazan,

    0 votes
    2 answers

  24. Стоит ли идти на курсы Frontend-разработке в 2019?

    Позвольте немного философский, но оттого не менее важный вопрос. Многим известна онлайн-школа обучения веб разработке "Html-Academy", являющаяся, пожалуй, самой адекватной на российском рынке. У них есть несколько курсов - Html/css уровень 1, Html/css уровень 2, Java script уровень 1. Представленные как отдельные курсы по стоимости что-то около 15-20 тысяч рублей. НО недавно появилась программа "профессия" , которая представляет из себя обучение комплексно по 3 приведенным выше программам и присвоением квалификации "Frontend-разработчик" в конце обучения. Скажите, как вы считаете стоит ли идти на обучение по этой комплексной программе?…

    Asked by AlexGreat,

    0 votes
    1 answer

  25. Не работает выпадающий список

    Коллеги, доброго вечера. Опять к вам за помощью. впервые столкнулся с выпадающим списком, стащил одно решение но не могу настроить. Может кто подскажет, что не так делаю. Нужно при клике на кнопку чтобы выезжал список станций метро. Но почему-то не выезжает. Буду признателен за любой совет, который поможет. https://codepen.io/dimpin/pen/ZVBzoP

    Asked by Dimpin,

    0 votes
    3 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