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. Выравнить блок по центру при разной высоте блока

    Знаю как выравнить блок по центру по вертикали, если высоат блока постоянная, но если меняется не понимаю

    Asked by okunev2,

    0 votes
    12 answers

  2. Bootstrap - зачем козе боян?

    Объясните кто-нибудь мне, непонимающему, зачем нужен Bootstrap в реальной жизни. Я читал это http://bootstrap-3.ru/index.php, читал вот это https://ru.wikipedia.org/wiki/Twitter_Bootstrap, но единственное, что я знаю об этом фреймворке на данный момент - это как я поддерживал проекты с десятком классов, основное предназначение которых состоит из 1-2 css-правил. Назначение просто классы добавлять? Если да, то ИМХО это тоже самое, что верстать через style в тегах, зачем руки марать?

    Asked by antonKar,

    0 votes
    12 answers

  3. Pixel perfect текст

    При верстке текста получается вот такая беда красный текст - текст который получился в браузере, тёмный - из макета (PSD). Как видно слова "деньги" и "на" почти совпадают, остальные нет. Текст обвёрнут в h1, стили написаны для h1. Как решить эту проблему? З.Ы. почти весь текст в макете получается с такими "выкрутасами".

    Asked by Vlad02,

    0 votes
    12 answers

  4. Ссылки внутри <nav>

    Изучаю спецификацию HTML5 и обнаружил, что рекомендуется внутри элемента <nav> ссылки делать не столбом, как я всегда делаю, а помещать их внутри <ul>. <nav> <h2>Navigation</h2> <ul> <li><a href="articles.html">Index of all articles</a></li> <li><a href="today.html">Things sheeple need to wake up for today</a></li> <li><a href="successes.html">Sheeple we have managed to wake</a></li> </ul> </nav> Чем это может быть полезно? Вредно увеличением числа элементов DOM.

    Asked by PavelTkachev,

    0 votes
    12 answers

  5. Горизонтальное отображение сайта в айпад

    Столкнуля с проблемой, при вертикальном просомтре сайта в Ipad он помещается полностью без прокрутки, а вот при горизонтальном нет. Рабочее разрешение макета сайта 973 на 970. А вот у ipad другое разрешение. Как сжать можно сайт под айпад, т.е. чтоыб он не тоьок при вертикальном просмотре полностью помешался но и при горизонтальном без промотки, есть какой-то костыль или инструмент? Делать скейл макета сайта на 10% не вариант Вот пациент архив

    Asked by okunev2,

    0 votes
    12 answers

  6. Вывод 5-ти последних новостей

    Добрый день! На сайте реализован плагин новостной ленты и имеется функционал, позволяющий размещать опубликованные новости в виде превью на любую страницу с помощью шорт-кода. В базовой комплектации плагина вывод был однообразным и просто мне не нравился по своему дизайну. В код внесла изменения, теперь по той идее, которую я очень хочу реализовать, 5 последних новостей будут выводиться в 5-ти разных блоках. Вот сам код: * Печатает на экран анонс заданной новости * @param type $news - массив с данными о новости (полностью запись из БД) */ public static function anonsNews($args) { $args['count'] = $args['count']?$args['count']:3; $data = self::getListNews($arg…

    Asked by marianna9201,

    0 votes
    12 answers

  7. Тип элементов figure и figcaption

    Блочными или строчными являются элементы figure и figcaption?

    Asked by PavelTkachev,

    0 votes
    12 answers

  8. Выравнивание в текстовом блоке: как так сделать?

    Здравствуйте! Подскажите, пожалуйста, как можно выровнить телефоны по правому краю. На ум пока приходят плавающие колонки.

    Asked by Светлана Г.,

    0 votes
    12 answers

  9. text-shadow и кроссбраузерность - wtf, товарищи о_о

    всем привет. у меня появилась проблема того, что тень текста дико коверкается в сафари и в браузере телефона. неужели этого никак не избежать!? может, есть какие-нибудь решения, ведь наверно же с этим сталкивались многие другие? вот пример, здесь все минимизировано: скришот в разных браузерах: код: <!DOCTYPE html><html><head><meta charset="utf-8"> <title>font</title><style> body{background: #e5e08b;} p{ font-family: arial; color: #ffe; font-weight:bold; text-shadow: 0 0 .1ex #ba0, 0 0 .1ex #870, 0 0 .1ex #870, 0 .7ex .1ex #fff, 2ex 0 .5ex #ffd, -2ex 0 .5ex #ffd; }</style></head><body&gt…

    Asked by forest_moss,

    0 votes
    12 answers

  10. Ругается валидатор

    Никак не пойму, почему ошибка на 64 линии? http://validator.w3.org/check?uri=http%3A%2F%2Fbarbershop-borodinski.ru%2Fid19853%2Ftechnomart%2Findex.html&charset=utf-8&doctype=HTML5&group=0

    Asked by DivMan,

    0 votes
    12 answers

  11. Обрезание и разворачивание текста

    Добрый вечер, задача такая, в диве есть большой текст, а на странице выводятся только 4 строчки его, как сделать нашел: http://htmlbook.ru/blog/obrezaem-dlinnuyu-stro а как еще добавить к этому кнопку развернуть и по которой див будет развернут полностью, с текстом?

    Asked by RK3DNP,

    0 votes
    12 answers

  12. Сделать на чистом css

    Доброго вечера! Возможно мой вопрос покажется Вам тупым, но не подскажет кто-то можно ли это сделать чистым css http://clip2net.com/s/3gPXWAH, без вставки background-a?))) Заранее благодарю)

    Asked by Orysya,

    0 votes
    12 answers

  13. Появление списка на месте картинки

    Здравствуйте! Подскажите, пожалуйста, можно ли реализовать чтобы при клике на месте картинки появлялся список с фоном отличным от картинки?

    Asked by Orysya,

    0 votes
    12 answers

  14. Яндекс карта

    Как вставить метку на карту? Я только научился вставлять координаты карты Вот, что получилось http://jsfiddle.net/x6vsdhcm/1/ Вот так надо Большая Конюшенная улица, 19, Санкт-Петербург, Россия

    Asked by DivMan,

    0 votes
    12 answers

  15. Сдвиг в списке меню

    Добрый день! Вот небольшая менюшечка: http://cssdeck.com/labs/bgmx27f7 Почему когда тег li закрыт, то следующий пункт съезжает немного вправо и между пунктами появляется полоса? Спасибо!

    Asked by Launder,

    0 votes
    12 answers

  16. А как вы прижимаете футер к низу? (unknown height, IE < 10)

    Доброго времени суток, уважаемые форумчане! Все время я верстал футеры с фикс высотой и пользовался старым проверенным трюком, который знают и пользуются большинство наверное. Однако не так давно мне понадобилось сверстать адаптивный футер с неизвестной высотой. Немного погуглив, было найдено отличное решение с флексами, которое подходит под новые браузеры. Но что делать если нужна поддержка IE < 10? На этот вопрос я также нашел два полезных линка: вариант с эмуляцией таблиц (по сути возврат к таблицам?) и вариант с вкраплением js (на такую казалось бы простую задачу?) Ну и соответственно мой вопрос к вам: есть ли еще решения помимо этих, на мой взгляд, решений с нед…

    Asked by web-monster,

    0 votes
    12 answers

  17. Знатокам SEO, сайты с одним контентом, разные внешне

    Доброе время, друзья!!! Вопрос к SEO специалистам, если будет 2 сайта с одинаковым контентом (ну или почти), но с разным внешним видом. Т.е. только текст будет идентичен, как на это будут смотреть поисковики? Это и не зеркало и не плагиат!?!?! Спасибо!

    Asked by Vic-Tor,

    0 votes
    12 answers

  18. Условные комментарии для IE > 9

    Столкнулся с тем, что вот такая конструкция не работает в Internet Explorer старше 9 версии: <!--[if IE]> <style> span{ background:red; } </style> <![endif]--> Как сделать стиль срабатывающий и для старших версий Internet Explorer?

    Asked by PavelTkachev,

    0 votes
    12 answers

  19. Постраничная навигация

    Нужна навигация по данным страницам вида: « Первая ‹ Предыдущая 1 2 3 4 5 6 7 8 9 10 11 12 Следующая › Последняя »с последующим добавлением страниц с данными вида <p class="data">5 июля 2014 года</p> или <p class="data">5 июля 2013 года</p> в архив (числа и месяцы любые):« Первая ‹ Предыдущая 1 2 3 4 5 6 7 8 9 10 11 12 Следующая › Последняя » Архив новостей Какие есть варианты решения моего вопроса без использования базы данных?

    Asked by Totalist,

    0 votes
    12 answers

  20. переход на якорь заезжает за верхний фиксированный блок.

    Добрый день! Уже двое суток голову ломаю, как сделать так, чтобы при нажатии на якорь блок не заезжал за фиксированное меню сверху? Сайт на котором это творится: https://smart-remont.com/ Помогите, пожалуйста.

    Asked by audisport,

    0 votes
    12 answers

  21. не отображается изображение

    По какой причине может не отображаться изображение??На локальном сервере все нормально отображается, как только загружаю на сервер-нет изображения и все..пути, адреса вроде бы правильно прописаны..При просмотре кода элемента <img src="img/album/01/01.jpg" alt=""> все правильно-адрес корректен. Файл в котором идет отображение находится в той же директории что и папка "img" В чем может быть проблема? Спасибо!!

    Asked by sergeiko,

    0 votes
    12 answers

  22. Проблема с воспроизведением дизайна в вёрстке

    Приветствую всех. Я сам не так давно занялся вёрсткой и тут мне знакомы попросил помочь с созданием сайта и я в макете столкнулся с элементом, который я не представляю как реализовать в коде. Вот собственно этот элемент: Суть вот в чём - основная часть сайта содержится в главном блоке, который выделяется border'ом, а логотип должен "разрывать" border. Как это можно реализовать? Буду рад Вашей помощи

    Asked by Oversec,

    0 votes
    12 answers

  23. Как избавиться Invalid property in CSS2.1

    Проверял CSS на оптимизацию, выдал вот такой список: 247 Invalid property in CSS2.1: border-radius 354 Invalid property in CSS2.1: border-radius 355 Invalid property in CSS2.1: box-shadow 363 Invalid property in CSS2.1: text-shadow 376 Invalid property in CSS2.1: border-radius 377 Invalid property in CSS2.1: box-shadow 385 Invalid property in CSS2.1: text-shadow 393 Invalid property in CSS2.1: box-shadow 399 Invalid property in CSS2.1: border-radius 400 Invalid property in CSS2.1: box-shadow 408 Invalid property in CSS2.1: text-shadow 416 Invalid property in CSS2.1: box-shadow Исходный код: 8.006 Кб, Оптимизированный код: 7.545 Кб, Коэффициент: 5.8% (-461 байт) ht…

    Asked by lev99,

    0 votes
    12 answers

  24. подскажите что не так

    Подскажите, пожалуйста, почему тут http://textdeposit.ru/podat-zayavkuв форме после кнопки Отправить столько места и при нажатии на кнопку бегунок и текст под ней странные?

    Asked by fowl,

    0 votes
    12 answers

  25. В хроме глючит fixed блок.

    Сразу покажу что есть https://jsfiddle.net/rm29u4ps/1/ НА jsfiddle всё работает как нужно, а на отдельной страничке nav залипает при скролинге, а если навожу на то место, где должна быть ссылка то он появляется. Так как картинки большие кидаю ссылками 1)Залипло 2)Навёл мышкой Может конечно глюки хрома, но это пугает.(

    Asked by xTODx,

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