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. Нижнее подчеркивание

    Форумчане! Подскажите, пожалуйста, как сделать подчеркивание блока (div, display:block), например, как на сайте khuzha.tk (верхнее меню)?

    Asked by OneDev,

    0 votes
    3 answers

  2. Нижнее меню в iphone

    Всем привет! Есть вопрос. Как убрать нижнее меню в safari на iphone, которое появляется при загрузке страницы и при прокрутке вверх? На сколько мне известно это можно сделать средствами css/js. Важно, чтобы это сработало на iphone 6, 6s (если не ошибаюсь в разных версиях iOS убирается по-разному). Нужно, чтобы было как здесь: http://fornacestudio.com/. На фото панель, которую нужно убрать.

    Asked by mn8156,

    0 votes
    3 answers

  3. Фоновой изображение PNG в IE 11

    Доброго времени суток! Я новичок в деле верстки, так что не судите строго. У меня проблема с отображением background с ссылкой на PNG в браузере IE 11 (может и в ранних версиях тоже, я не проверял.) В других браузерах, естественно, все нормально. А в IE просто белый фон. Это не коммерческий заказ, а просто я набиваю руку. Може подскажете как решить проблему. Буду очень благодарен! Вот код HTML: <!DOCTYPE html> <!-- html lang="ru" class="lt-ie9 lt-ie8 lt-ie7"> <html lang="ru" class="lt-ie9 lt-ie8"> <html lang="ru" class="lt-ie9"> <html lang="en"> --> <head> <meta charset="UTF-8"> <…

    Asked by lavrentyev,

    0 votes
    3 answers

  4. Статичный генератор сайтов с gui

    Добрый день. Может кто подсказать статичные генераторы сайтов с нормальным gui, а не web мордой или вообще консольно терминальным исполнением.

    Asked by Ururu,

    0 votes
    3 answers

  5. Адаптация шаблона

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

    Asked by densavi,

    0 votes
    3 answers

  6. Проблемы с адаптацией шаблоны.

    Сделал адаптивный дизайн сайта. В браузере, при просмотре, как сайт будет выглядеть с мобильных устройств, все отлично. На различных сервисах, которые показывают как сайт будет выглядеть тоже все отлично. Но, вот уже при просмотре с самого мобильного, есть проблемы. Смотрите на скриншотах. Вот так выглядит меню (1 картинка) При клике оно открывается (2 картинка) Но когда смотришь сайт с самого телефона, категории уезжают куда-то вниз... (3 картинка) Как исправить данную проблему?

    Asked by densavi,

    0 votes
    3 answers

  7. Форма обратной связи

    Добрый день! Столкнулся с такой проблемой - сделал лендинг в Adobe Muse, но форма обратной связи не работает. Написал в службу поддержки хостинга. Мне там ответили, что нужно в коде указать вместо content-type: text/html, так content-type: text/plain. Где именно в коде, в index.html или в самом файле формы PHP? Попробовал заменить в Index.html, но на сайте выскакивают кракозябры. Ведь нужно изменить код в данной строчке : <meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>, я правильно понимаю? Благодарю за ответ!

    Asked by Zakonoposlushniy,

    0 votes
    3 answers

  8. Переход от мобильной к полной версии сайта

    Добрый день! Чтобы яндекс не ругался, вчера на скорую руку сделал мобильную версию для сайта http://multikorm.ru/, используя медиа запросы. Сегодня попросили добавить ссылку, при нажатии на которую будет открываться полная версия сайта. Ничего толкового на форумах почему-то не нашел и решил написать небольшой скрипт, который удаляет <link href="mobile.css"> и <meta type="viewport">, но у этого решения множество недостатков) Как сделать переход более правильным в данном случае?

    Asked by kaspers128,

    0 votes
    3 answers

  9. placeholder не отображается в chrome

    Placeholder не отображается в chrome. В остальных браузерах все нормально http://design.zevs-online.ru/1280/

    Asked by yaparoff,

    0 votes
    3 answers

  10. Использование нескольких классов без кавычек

    Здравствуйте, меня зовут Игнат, и я люблю писать код без кавычек. Собственно: https://jsfiddle.net/066hbnxf/ - на Хром и Опера без кавычек срабатывает только первый класс. Может, с HTML5 пришёл новый метод перечисления классов, или это "недопилили"?

    Asked by Melodyn,

    0 votes
    3 answers

  11. Проблемы с фоном

    Всем привет! Народ, помогите пожалуйста. Фон неправильно себя ведёт. Вот пример: https://jsfiddle.net/uprf5m2f/ В общем если свойство opacity: 0.22; убрать, то все внутренние надписи чётко отображаются. Такое ощущение, что прозрачность наложилась и на все вложенные в start-wrapper элементы. Как я только со свойствами z-index не игрался, пока ничего не помогло. Помогите пожалуйста. Нужно чтоб прозрачность также оставалась 22%, но чтоб все вложенные в start-wrapper элементы были четко видны, т.е. чтоб на них прозрачность не действовала.

    Asked by fenix_63,

    0 votes
    3 answers

  12. Реализация кнопки нестандартной формы

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

    Asked by helio,

    0 votes
    3 answers

  13. Фон страницы

    Добрый день! Скачал шаблон сайта и столкнулся с проблемой замены фона. Когда указываю ссылку на изображение, которое расположено на сайте с картинками, фон подключается без проблем background:#EDEDED url("http://img2.goodfon.ru/original/1920x1200/0/5d/pole-podsolnuhi-priroda.jpg") no-repeat center center fixed; Но если я подключаю фон из папки с картинками, фон подключатся не хочет background:#EDEDED url("img/image.jpg") no-repeat center center fixed; Подскажите, где я допустил ошибку?

    Asked by Zakonoposlushniy,

    0 votes
    3 answers

  14. Декоративные треугольники в HTML/CSS

    Добрый день, народ. Есть одна проблема. На рисунке ниже приведён фрагмент макета одного лендинга. Мне хотелось бы узнать как "нарисовать" изображенный ниже декоративный треугольник, именно чтобы точно также всё выглядело, как на картинке?

    Asked by TadeskiOne,

    0 votes
    3 answers

  15. Проблемы с кроссбраузерностью

    В Mozill'e хедер некорректно отображается на странице :c Подскажите в чём проблема. Спасибо!

    Asked by Ghost86421,

    0 votes
    3 answers

  16. Header заезжает на заголовок

    Дизайнер нарисовал так: Т.е. на фон хедера разместил изображение. И на нём же нужно разместить информацию не из хедера. Если это сверстать это будет выглядеть вот так: Что можно сделать, чтобы выглядело как на макете? http://design.zevs-online.ru/600/

    Asked by yaparoff,

    0 votes
    3 answers

  17. Помогите выровнять текст по середине ячейки в меню

    Здрасте, не судите строго я новичок)и могу не очень внятно объяснять. В общем ситуация такая: Главное меню сайта выполнено таблицей. Главная Бла бла Бла ла улю лю бэкграунд задан картинкой, Проблема в том что текст "главная" выравнивается по верху ячейки а мне нужно по центру. помогите пожалуйста. html/ <div id="topmenu"> <table> <tr> <td> <a href="index.html">Главная </a> </td> <td> <a href="about.html">О нас </a> </…

    Asked by paul69,

    0 votes
    3 answers

  18. верстке модального окна нет отступа между строками

    Всем привет, В верстке модального окна jsfiddle нет отступа между строками. Чем их установить и почему не сработал form-group класс ? спасибо !

    Asked by mstdmstd,

    0 votes
    3 answers

  19. Помогите с css. Никак не пойму.

    Сайт закинул на ucoz http://promotingpeace.at.ua Помогите сделать корректное отображение в браузерах. (В некоторых браузерах отступы от топа и половина синего экрана. Некорректное отображение с разным разрешением) И решить проблему с прокруткой страницы. (Когда текста больше чем на странице, он заходит за окно браузера. Скрол не работает) Скрипты брал с интернета и css. 2-й день не могу разобраться. Очень нужно для одного проекта. Заранее благодарен.

    Asked by Extray,

    0 votes
    3 answers

  20. Каков самый правильный способ добавления <кода> в текст?

    Речь идёт о тегах <pre>, <code>. Как правильнее всего добавлять код в текст сайта? И ещё интересует, можно ли с помощью CSS научить тег <code> учитывать все пробелы и переносы? (по аналогии с <pre>)

    Asked by Anymaxis,

    0 votes
    3 answers

  21. Проблема с header'ом

    Здравствуйте, дамы и господа, столкнулся с проблемой header'а. Горизонтальный скроллбар уверен в том, что если мы его прокрутим в правую сторону, то он нам покажет что-то классное, а может и толкнёт пару пакетов с коксом, но если прокрутить, то браузер просто обрезает хедер и на этом всё, всем заранее благодарен за помощь. Вот код и пару скриншотов: header{ height: 50px; min-width: 1024px; width: 100%; background-color: #000; } Скрытый текст До прокрутки скроллбара после прокрутки скроллбара

    Asked by Hey,

    0 votes
    3 answers

  22. Не получается сделать разделитель в меню.

    Добрый день, не получается сделать разделитель, в виде символа "/" ,между элементами <a> на одинаковом расстоянии от элементов <li> <a> ,вот ссылка на код https://jsfiddle.net/tu6rwm2j/

    Asked by Pizza,

    0 votes
    3 answers

  23. Помогите пожалуйста с версткой

    Не знаю как поставить изображение под навигацию!Подскажите как это сделать пожалуйста! https://jsfiddle.net/3cm21j13/6/

    Asked by KamZed,

    0 votes
    3 answers

  24. В бутстрап-форме делаю отступы в 2 колонки слева и справа

    Всем привет, В бутстрап-форме делаю отступы в 2 колонки слева и справа с помощью col-sm-offset-2 и .col-xs-offset-right-2 и в стилях определив: .col-xs-offset-right-2 { margin-right: 16.66666667%; } Внизу формы группа кнопок выравненные вправо и возник вопрос а как сделать отступ справа в 2 колонки col-sm-offset-right-2 в этом случае не помогает https://jsfiddle.net/e214b0ab/18/ Выложив на фиддл, увидел, что он для колонок отступы справа не отображает хотя у меня и chrome и ff отступы справа отображаются нормально http://i.imgur.com/HdVXxvk.png Спасибо !

    Asked by mstdmstd,

    0 votes
    3 answers

  25. Помогите со слайдером

    Помогите пожалуйста Как можно сделать слайдер с неровными краями как на картинке?

    Asked by devel,

    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