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. Помогите с простой задачей XML, CSS

    Доброго времени суток, товарищи! Прошу помочь с таким вот заданием: Вывести содержание документа XML, который приведён ниже, в виде таблицы с фиксированной шириной 900px, где каждый столбец имеет фиксированный размер. Каждый второй ряд таблицы выведите красным цветом.

    Asked by GrandLamoz,

    0 votes
    0 answers

  2. Теги сайдбра в HTML5

    В сайдбаре идёт баннер, рубрики, форма подписки, видео с ютуба и опрос. Подскажите для семантики в html5 каждый пункт можно ли делать в section или чтот то из этого не подходит для section ?

    Asked by Nikinik,

    0 votes
    0 answers

  3. Помогите прикрутить готовое боковое меню к странице

    Доброго времени суток. Ни как не получается прикрутить готовое боковое меню к сайту, первая проблема это не отоброжает текст когда закидываешь на локальный хост... стоит apache, php... локальные хосты работают отлично. когда запускаешь index.html из папки все работает на удивление... Мои подозрения пали на js, в этом я полный ноль, да и в html не очень силен... поэтому прошу помощи у панимающих людей которым не жалко своего времени на такого пацана как я... P.S. когда то вы же и сами были такими, а во круг и подсказать не кому, а разобраться очень хочется... спасибо за понимание... вот index.html <!DOCTYPE html> <head> <meta charset="UTF-8" /&…

    Asked by Sergey Frolov,

    0 votes
    0 answers

  4. Как дизайнеру подобрать сетку и брекпойннты под bootstrap 3 и 4?

    Добрый день, у меня задача нарисовать адаптивную версию дизайна сайта под Twitter Bootstrap 3 или возможно 4 версии. Сложность в том, что в отличии от моего предыдущего опыта, верстальщики с которыми нужно будет взаимодействовать не работали с фрейморком и нужно будет их консультировать. К примеру обычно рисовал макеты под стандартную сетку по шаблону Bootstrap psd grid Grid template 320px container 30px gutter 53-54pxGrid template 480px container 30px gutter 80px colGrid template 750px container 30px gutter 62-63pxGrid template 970px container 30px gutter 80-81px Вопросы: Как объяснить почему колонки сетки, которую я привел выше, разной ширины?Есть ли смысл рисовать…

    Asked by Drunk_Monkey,

    0 votes
    0 answers

  5. Верстка выпадающего меню

    Приветствую всех, увидел красивое меню и решил себе такое же заиметь, вроде стили перенес, но с выпадающими пунктами в меню (УСЛУГИ) ничего не получается, Может кто подскажет что не так делаю? Должно быть А это как у меня получилось

    Asked by webmax,

    0 votes
    0 answers

  6. Проблема с фоном...

    Первый раз создаю сайт и столкнулся с проблемой след. характера: При написании сайта для его стилизации я разбил тег body div'ами (верх, центр, низ) и подключил к каждому фоновую картинку. Проблема в том, что между центральным и нижним фоном появился белый шов от фона body и я не знаю как его убрать. Пробовал: 1. img { display: block } 2. img { vertical-align: bottom } 3. div { line-height: 0; } Не помогло. Подскажите как состыковать фоны блоков друг с другом... https://jsfiddle.net/#&togetherjs=oeFLrO9tRC

    Asked by Amplus,

    0 votes
    0 answers

  7. Test tools

    Прошу поделиться опытом применения тестирующих программ и ресурсов. Возможно, кто то из экспертов решал задачу анслиза и отбора таких инструментов. Попался недавно на глаза https://applitools.com/Зарегился, прогнал один из своих проектов, получил скриншот мобильного для того браузера в котором открыто окно. Потестить, погонять, наловчится надо отдать 100долл, т как позволяет только один проект в месяц... Если б меня спросили, must have BrowserSync, который позволяет синхронно играться на разных устройствах и разных браузерах, что гораздо динамичнее и удобнее вышеупомянутого инструмента. Пожалуйста, какие есть соображения по инструментам, исходя из личного опыта.

    Asked by seemax,

    0 votes
    0 answers

  8. див авто регулирование высоты

    del

    Asked by https,

    0 votes
    0 answers

  9. Перед текстом остается пустое пространство

    Должно отображаться так (без пустого места сверху): http://joxi.ru/KAgZWzJfgE14V2 Проблема: http://joxi.ru/52a5RMeIGELED2 Небольшой комментарий: если на страницу добавить текста, то все сверху будет меньше места. Как можно убрать свободное пространство?

    Asked by srgart,

    0 votes
    0 answers

  10. fabric.js и шрифты

    Господа профи, прошу вашего совета... Сейчас разбираюсь в fabric.js, но столкнулся с проблемой... Когда в селекте меняю шрифт (font-family.. Шрифты заранее подключены через font-face), шрифт на холсте меняется правильно только в том случае, если этот шрифт уже был загружен и прорисован (то есть уже стоит на каком-либо видимом элементе).. Если же ни на каком элементе на странице этого шрифта не стоит, то шрифт на холсте меняется только при потере фокуса активного элемента.. (например просто тыкнул в пустое пространство на самом холсте) или селектом выбрал какой-либо шрифт повтором.. Есть ли вариант заранее прогружать шрифты (или прорисовать их), если на самой странице, к…

    Asked by Q4Dizzy,

    0 votes
    0 answers

  11. Макет

    Ребят, кто может сделать макет страницы-визитки. На сайте будет размещены стихи одного человека, также хочу сделать, чтобы можно было заказать стихи на заказ.

    Asked by BigProject,

    0 votes
    0 answers

  12. Адаптивное позиционирование элементов в круг

    Мне нужно, чтобы одинаковые элементы html выстроились в круг(в центре еще один элемент) При этом также нужно учесть то, чтобы при различных разрешениях экрана они не превращались в эллипс, а всегда оставались кругом. Осложняется эта задача тем, что обязательна аналогичная адаптивность на мобильных устройствах. Они не должны разлетаться и быть статичными (размер круга из элементов) уменьшается и увеличивается Вот ссылка https://jsfiddle.net/k7ktzvmn/

    Asked by amazingman216,

    0 votes
    0 answers

  13. CSS для amazon kindle fire hd браузера и ipad1

    На amazon kindle fire hd при горизонтальном положении и ipad1 при вертикальном положение, почему-то когда заходишь по ссылке, начинаешь скролить ,то картинка начинает размазываться. На фото пример http://www.cyberforum.ru/attachments/635905d1453120474(почему-то форум не дает с картинкой здесь сохранить) или попробывать можно с этих двух устройств сюда https://www.icanvas.com/ заходишь в artists Что за баг и как исправить, попробую пока поиграться с positions Это чисто появляется на 2х устройствах. На amazon kindle fire hd при горизонтальном положении и ipad1 при вертикальном положение когда пытается пальцем поскролить,когда выбрал artists

    Asked by vladimircape,

    0 votes
    0 answers

  14. Подогнать слайдер на сайте WP

    Здравствуйте! Ребята, нужна Ваша помощь. Есть тестовый сайт, на котором установлена CMS WordPress и тема Onetake. Установил слайдер Easing Slider во вторую секцию на главную страницу, задал в настройках слайдера ширину 1350 и высоту 760, и поставил галочку на параметр Enable 100% full width. Проблема в том, что в браузере Firefox на картинку наезжает третья секция, но в опере и хроме все хорошо отображается. Почему так происходит, и как это исправить? Помогите пожалуйста.

    Asked by Mr Black,

    0 votes
    0 answers

  15. При реализации переноса селектора по странице пропадает возможность выбора пунктов

    При реализации переноса селектора по странице пропадает возможность выбора пунктов. Что нужно добавить или изменить в коде? Вот ссылка на код - https://jsfiddle.net/xbLrq9uu/1/

    Asked by demamon,

    0 votes
    0 answers

  16. bootstrap выпадающее меню на вордпресс

    Есть стандартное меню вордпресс то есть код для вывода прописал классы bootstrap не знаю как И куда добавить классы для под пунктов меню. <header><?php $args = array( // опции для вывода верхнего меню, чтобы они работали, меню должно быть создано в админке'theme_location' => 'top', // идентификатор меню, определен в register_nav_menus() в function.php'container'=> 'nav', // обертка списка'menu_class' => 'bottom-menu', // класс для ul 'menu_id' => 'bottom-nav', // id для ul );wp_nav_menu($args); // выводим верхнее меню?></header> Прописал классы bootstrap работает только меню подпункты НЕ РАБОТАЮТ (( <?php $args = array( // опции…

    Asked by virtas,

    0 votes
    0 answers

  17. Форма обратной связи с загрузкой файла

    Здравствуйте. Такой вопрос: делаю себе сайт, простой, с помощью Adobe Muse. Остановился на вопросе о том, как к форме прикрепить окошко Добавить файл для отправки . Стандартными решениями того не сделать, и начал я разбираться в коде. Прочитал, что то делается обработчиком .php или jquery. ладно, с этим тоже разберемся. но главная загвоздка в том, КУДА будут отправляться эти файлы? просто ко мне будут приходить файлы прим 1 Гб фотографии, если на хостинг мой в папку files например, то тогда нужно заранее позаботиться о большом виртуальном дисковом пространстве, если же сразу на е-меил, то уже лучше, гигов 15-20 будет на первое время. но даже если и на е-меил, то сразу в…

    Asked by artem_wrong,

    0 votes
    0 answers

  18. Непонятный баг с версткой

    Здравствуйте. Столкнулся с такой проблемой, хотя до этого ее не наблюдал и все было нормально. http://doctor.tbwebl60.bget.ru/При переходе на сайт, верхняя менюшка сползает, но при обновлении страницы или клике по меню, все становится как и должно быть. Такая же проблема и на странице "Каталог продукции", съезжает левое меню. В чем может быть причина? Сайт на modx, кэш чистил.

    Asked by askoban,

    0 votes
    0 answers

  19. Непонятный баг с версткой

    http://doctor.tbwebl60.bget.ru/При первой загрузке страницы верхнее меню съезжает, после обновления страницы или клики на пункт меню - все нормально, такая же проблема и в разделе "Каталог продукции" с боковым меню. До этого все нормально было, стили не трогал. В чем проблема? Сайт на modx, кэш чистил.

    Asked by askoban,

    0 votes
    0 answers

  20. Многоколоночный вывод контента

    Есть задача - организовать многоколоночный вывод контента на страницу. Контент - условно посты в блоге. У постов, естественно, различные: - изображения ( thumbnail'ы ) - количество символов в заголовке Дополнительное условие - работает AJAX-подгрузка постов. Первая мысль - сделать на masonry.js - сразу-же сложности: - масонри необходимо повторно инициализировать для контейнера - масонри перестраивает посты в одному богу известном порядке Мысль вторая - флексбокс (сейчас буду ее тестить, если кто-то сейчас предложит решение или направит в нужную сторону будет круто, если нет - обновлю топик) Мысль третья - column-count - но он у нас выводит элементы сначала заполняя 1-…

    Asked by funnywheel,

    0 votes
    0 answers

  21. Извлечь нужные значения из HTML страницы

    Помогите пожалуйста с кодом для консоли браузера. Вот страница http://proxyb.net/proksi_rossiya_besplatno.html Мне нужно скопировать все прокси из первого столбца IP:Порт вставить в текстовый файл Для этого нужно убрать всё лишнее, оставить только значения в формате ХХ.ХХ.ХХ.ХХ:хххх Важно, чтоб каждая прокси была с новой строки - одним столбцом. В итоге должно получиться так: 1.169.198.197:80 1.162.34.57:80 1.93.2.191:3128 120.195.205.99:80 120.195.194.56:80 и так далее. главное чтоб можно было всё скопировать и вставить в текстовый файл. Заранее огромное спасибо!

    Asked by Robert3,

    0 votes
    0 answers

  22. 2 footer'а и масштабирование ширины в Bootstrap 3

    Делаю первый раз верстку под bootstrap — решил осваивать фреймворк и все такое. Проблема — «плывет» при сужении экрана. Он высокий, 400px, фоном стоит картинка. При сужении экрана столбцы, которые не помещаются по ширине, уходят вниз, но картинка не «размножается» по вертикали (вариант repeat-y не срабатывает так, как надо). Далее, под футером стоит еще одна строка (div height:80px) более темная по фону (в ней копирайты). При сужении экрана она не уходит вниз под все выстроившиеся вертикально колонки footer, а остается «прилеплена» к нему снизу, таким образом частично закрывая столбцы футера. Вот нормальный футер, который задуман: А вот после сжатия экрана: В вариан…

    Asked by TCAby,

    0 votes
    0 answers

  23. Адаптивный шаблон страницы. Шапка не смещается.

    Здравствуйте! Помогите пожалуйста. Совмещаю html с css для создания адаптивного шаблона для рассылки писем. Вроде все адаптируется, но только шапка в мобильной версии почему-то смещается влево. Все перерыл, не могу понять почему. Спасибо! PS Возможно имеется лишний код, мог лишний раз куда-то добавить строчки из css. <html xmlns="http://www.w3.org/1999/xhtml"><head> <style type="text/css">.container { display:block!important; max-width:600px!important; margin:0 auto!important; /* makes it centered */ clear:both!important;} </style> <style type="text/css">.content { padding:15px; max-width:600px; margin:0 auto; display:block; </style&g…

    Asked by newjmrec1@gmail.com,

    0 votes
    0 answers

  24. Узнать ссылку по нажатию кнопки.

    Ребят, помогите советом. Вот страница http://hroost.com- видите, там есть неумело установленная менюшка с валютой - украина, россия, и кнопка "валюта". Скажите, можно ли узнать, какая получается ссылка при нажатии на "валюта"? чтобы назначить вместо этой менюшки обычные ссылки, нажимая на которые я смогу менять валюту на сайте. Спасибо Правая кнопка мыши не помогает.

    Asked by ЮрийП,

    0 votes
    0 answers

  25. Выровнять элементы в строке

    http://jsfiddle.net/ogb7kbLw/ <!DOCTYPE HTML><html><head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title></title><STYLE>.button-master {border: 1px solid #000;padding: 2px; /* вопрос б *///float: left; /* вопрос в */} .button-slave {padding: 2px;background: #aaa;font-size: 13px;font-weight: bold;border: 1px dashed #fff;color: #fff;}.canvas {display: inline;} canvas {//position: absolute; /* вопрос г *///float: left;}</STYLE></head><body><HEADER></HEADER><SECTION><NAV></NAV><ARTICLE><span class="button-master"><span class="button-sla…

    Asked by BPOTHOCOK,

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