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`e, но как их объединить - не знаю. Какая функция за это отвечает? В нужное русло направьте, а дальше я сам) Заранее спасибо.

    Asked by DarkEnot,

    0 votes
    12 answers

  2. Добавление картинок

    всем привет! подскажите пожалуйста, мне нужно добавить много картинок(штук 200+/-) на сайт, может есть способ добавить все сразу а не по одной? такой план: http://htmlbook.ru/faq/kak-razmestit-neskolko-kartinok-ryadom-po-gorizontali только в разы больше фоток.

    Asked by zeni4,

    0 votes
    2 answers

  3. Позиционирование relative->absolute

    Позиционирование подпункта задан относительно родителя. Свойство "left" подпункта задан 100%-ная ширина родителья, но свойство меняется относительно главного окна браузера. Также ведет себя и свойство "top" . В чём ошибка? Вот ссылка https://jsfiddle.net/ttoliboff/kbb6rybz/

    Asked by toliboff,

    0 votes
    1 answer

  4. Почему не скроллится страница?

    Здравствуйте! Столкнулся с тем, что страницы сайта не скроллятся колёсиком мышки вверх-вниз. Как понять, от чего это?

    Asked by borus,

    0 votes
    1 answer

  5. Неправильное изображение в before

    Здравствуйте. Дан код: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> body { background: #e8ece7; } .menu { position: absolute; background: #b13224; border-radius: 5px; top: 90px; left: 450px; } .menu a { display: block; text-decoration: none; background: #b13224; color: white; padding: 12px; margin: 0; } .menu a:hover { background: #383838; } .menu ul { width: 958px; list-style: none; font-size: 0; } .menu ul li { display: inline-block; font-size: 16px; } h1 { display: inline-block; } …

    Asked by ErUnDAK,

    0 votes
    2 answers

  6. Выравнивание кнопки в div

    Добрый день! Помогите выровнять кнопку "Расчет" в правый нижний угол div'а. В правый край выравнивается, а в нижний край приходится загонять с помощью <br>.

    Asked by Vladimir VVK,

    0 votes
    2 answers

  7. Подчеркивание текста так же, как на макете

    Здравствуйте! Помогите, пожалуйста, реализовать подчеркивание текста в соответствии с примером, показанным на макете. Фрагмент макета - Вот, что получилось у меня https://asyntrail.github.io/project/ при изменение масштаба страницы полоса подчеркивания пропадает !?

    Asked by asyntrail,

    0 votes
    5 answers

  8. Как сжать изображения

    Проверял сайт сервисом от гугла - PageSpeed Insights. Он мне пишет: Дальше список картинок, причем каждую можно сжать на 70-80%. Изначально картинки обрабатывались программой ACDSee. В этой же программе не получается уменьшить вес картинок - качество существенно ухудшается. Посоветуйте, какой программой попробовать ужать вес без потери качества. Кстати, Фотошоп тоже качество режет - на глаз видно.

    Asked by alleclf,

    0 votes
    1 answer

  9. Большая проблема многодевайсности

    Честно, сейчас так много устройств, что кажется восстание машин уже началось и щимить они начали уже в вёрстке. Подскажите пожалуйста, что делать в такой ситуации: у iPadPro разрешение 1366х1024, у какого-нить ноутбука, к примеру, 1280х800. Так какую же версию сайта нужно отображать на Айпэд Про, если у него разрешение больше чем у ноутов? Я сделал отображение десктопной версии. Но тут заказчик посмотрел сайт с обычного айпэда, и говорит, что туда надо мобайл. И вот парадокс: iPadPro (protrait) - 1024x1366 iPad (landscape) - 1024x768 На один 1024 получается нужно повесить и десктопную и мобильную версию? Как? Тогда вопрос, может показывать на айпэд про …

    Asked by Alarr,

    0 votes
    2 answers

  10. Блок размером окна в блоке на странице с overflow hidden

    Здравствуйте. В общем есть задача в блок А на странице разместить блок Б с размером окна браузера, при этом блок Б должен быть зафиксирован, т.е. быть не подвижным при скроле. И видно только ту часть что расположена внутри блока А. Манипуляции с position:fixed z-index не к чему не привели. Точнее блок Б становится выше фона страницы и показывается за пределами блока А. https://yadi.sk/i/8pHOa7YD3GsjXc

    Asked by clgs,

    0 votes
    1 answer

  11. background-clip и background-origin

    Пытаюсь понять чем отличаются друг от друга background-clip и background-origin, кроме того что последний работает при background-attachment:fixed. По мне они делают одно и тоже. В чём я ошибаюсь?

    Asked by PavelTkachev,

    0 votes
    5 answers

  12. Универсальные списки ошибка 'bitrix:lists.element.edit' is not a component

    Здраствуйте,работаю в муниципальном учреждении.Достался сайт по наследству,сам с сайтами никогда не работал.Все было хорошо,но в один момент при добавлении документов в универсальные списки начал выдавать ошибку 'bitrix:lists.element.edit' is not a component

    Asked by Gffice,

    0 votes
    0 answers

  13. Как работает Body

    Почему при задании для Body фиксированной ширины фоновый рисунок Body идет на всю страницу браузера?

    Asked by Anuar03,

    0 votes
    5 answers

  14. Выравнивание блоков по центру используя свойство: text-align

    Добрый день! Иногда возникает потребность размещать блоки по центру, не задавая родителю фиксированной ширины.( то есть без использования margin :0 auto,и т.п), Ширина блока равна их содержимому. А сами блоки имеют фиксированную ширину в пикселях. Свойства display: inline-block и text-align:center позволяет так сделать. Например http://jsfiddle.net/greenrow/0jaw9bn9/ Это очень удобно при адаптивной верстке (например фото-галлерея), все элементы автоматически выравниваются по центру и не надо использовать css media queries; Смущает использование строчных стилей для блочных элементов: text-align:center для div, как то не очень... Вопрос: ест…

    Asked by greenrow,

    0 votes
    4 answers

  15. Стили для частично изеняющегося ID блока

    Приветствую. Подскажите, как для блока с изменяющимся ID прописать единый стиль. Поясняю: Имеется блок <div id="div-gpt-ad-1485257279370-0"></div> и цифры могут принимать различные значения, неизменным остаётся только "div-gpt-ad-", вот, как для такого блока можно задать стили css?

    Asked by Lapot,

    0 votes
    9 answers

  16. Проблемы с CSS в Джумле (поля выбора варианта)

    помогите правильно поправить css в графах выбора варианта, было еще хуже, но сейчас маленькая проблема осталась в chosen.css надо стили дропдаунов выбрать, я поставил те что подошли, тоесть inline-block дк оно когда выпадает занимает все место куда выпало(отодвигает) посмотрите сами http://legion-m.pro/product/костюм-мужской-вихрь-ямал-зимний-хаки-комбинированный-кошачий/category_pathway-14 в самом товаре например, или там внизу есть еще заказ звонка, там тоже такая тема .-.

    Asked by xxxcrow,

    0 votes
    0 answers

  17. margin указанный в % не работает в firefox

    здравствуйте! указываю DIVу (margin: 1.5% 0;) везде нормально работает, а вот в мозиле, не работает вообще, в чем может быть проблема?

    Asked by веха,

    0 votes
    13 answers

  18. Как применить стиль к элементу 1 и 2 блока обертки?

    Вот наброски, пробовал с :nth-child не сработало

    Asked by nikki4,

    0 votes
    1 answer

  19. помогите, пожалуйста, с меню

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

    Asked by vb1f,

    0 votes
    5 answers

  20. не корректная работа transition

    Добрый день. При наведении на родительскую ссылку, дочерняя картинка и текст плавно меняют прозрачность: <a href="/pages/viewpage.action?pageId=936411868"><img src="/download/attachments/978223304/tk.png"/><span>Вакансии</span></a> .colo > div a span, .colo > div a img { transition: all .5s linear 0s; -o-transition: all .5s linear 0s; -moz-transition: all .5s linear 0s; -webkit-transition: all .5s linear 0s; -ms-transition: all .5s linear 0s; } .colo > div a:hover img, .colo > div a:hover span {opacity: .7;} Но помимо прозрачности происходит изменение размеров картинки, где то пикселей на 1-2. …

    Asked by Indorill24Empty,

    0 votes
    1 answer

  21. Мобильное меню

    <nav class="main-nav main-nav--active"> <button class="main-nav--toggle" type="button">Открыть меню</button> <div class="main-nav__wrapper"> <ul class="main-nav__list"> <li class="main-nav__item main-nav__item--active"><a href="#">Главная</a></li> <li class="main-nav__item"><a href="#">Наши работы</a></li> <li class="main-nav__item"><a href="#">Записаться</a></li> <li class="main-nav__item"><a href="#">Контакты</a></li> </ul> <ul class="main-nav__user-list"> …

    Asked by d12,

    0 votes
    3 answers

  22. несколько глупых проблем

    Доброго времени суток. Эксперементировал сам, не помогает. Знаний не достаточно. Прошу помочь добрых людей. Проблема нр. 1 1) ссылка - http://iy-style.com/nagelterapeut.html. 2) текст вылазит за пределы главного контейнера .block, хотя установлен height: 100% и на главный блок и на его родителя т.д.. 3) Необхадимо сделать что бы текст был послушным и никуда не вылезал. Как здесь - http://iy-style.com. Потом сделать по такому же принципе остольное страницы где будет много текста. При этом, что бы добавление картинок в том числе и большого размера (и увелечение существующей) не мешало тексту и не двигало ни одну из его строчек. Так же, …

    Asked by Seven,

    0 votes
    3 answers

  23. Поддержка браузеров

    Хотел бы поинтересоваться у людей, активно занимающихся коммерческой версткой - какие сейчас наиболее частые пожелания заказчиков по поддержке браузеров? Например, просят ли поддержку opera mini или uc browser для андроид?

    Asked by Alexandr37,

    0 votes
    2 answers

  24. Помогите новичку с выравниванием

    Asked by Vlad1,

    0 votes
    1 answer

  25. Блок залетает под блок, из-за float

    Блок content залетает под блок banner из-за float, как исправить? У меня есть специальный класс(row) для этого(чтобы обычные блоки обтекали float), но он не работает. вв.7z

    Asked by Playoff,

    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