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. Как сделать так чтоб высота textarea изменялась в зависимости от количества строк текста?

    Как сделать так чтоб высота textarea изменялась в зависимости от количества строк текста?

    Asked by UREL,

    0 votes
    4 answers

  2. Как сделать так чтобы div'ы прилипали друг к другу

    Все привет, столкнулся с токой проблемой, что высота моих div'ов разная, и они не могут прилипнуть друг к другу как это исправить? блоки идут в ряд с помощью float: left

    Asked by Wevon9,

    0 votes
    2 answers

  3. как сделать так чтобы браузер не запоминал значение поля формы

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

    Asked by vvsh,

    0 votes
    7 answers

  4. Как сделать так чтобы дивы друг на друга накладывались?

    Доброго времени суток. Я новичок, поэтому без мата плиз Задача: Сверстать используя z-index одну вещь. Значит так, вначале идет фотка, потом на нее накладывается GIF рамка с прозрачностью и гругляшком, потом на это накладывается третий слой в котором только текст, и там номер фотки отпозиционировать на кругляшок. Вопрос: Как сделать так чтобы дивы друг на друга накладывались? Не знаю как это сделать... Заранее спасибо.

    Asked by ScorpSatex,

    0 votes
    1 answer

  5. Как сделать так чтобы при наведении на картинку в отдельном поле появлялось название ссылки

    Хочу сделать сайт на главной странице которого будет только одна картинка,на которой будет изображён фотограф(фотогалерея),почтовый ящик (контакты) итд. Всё это составляет единую компазицию.Есть 2 вопроса 1.Как лучше сделать ссылки ,чтобы они были отдельными картинками-ссылками или создать ссылочные области? 2.Как сделать чтобы при наведении на картинку(область) в отдельном поле появлялось название ссылки?

    Asked by tonymt,

    0 votes
    1 answer

  6. Как сделать так чтобы элементы DIV перестали переходить на новую строку?

    Постановка задачи: Имеется два слоя. Между ними должен находится просто текст (не в слое!! а просто текст). Пример <div id='a'></div>текст<div id='b'></div> Вопрос: Как сделать так чтобы вся эта конструкция находилась в одной строке и слой 'b' не переносился на новую строку?

    Asked by Guest comhunt,

    0 votes
    19 answers

  7. Как сделать так, с помощью CSS? (смотреть картинку)

    http://wet-avenue.narod.ru/differents/1.jpg как сделать чтобы текст на бордер залазил?..с помощью css

    Asked by Sotnikov,

    0 votes
    1 answer

  8. Как сделать так, что бы таблица расширялась в ширину

    Здравствуйте Есть таблица, с заданной высотой и шириной. В таблице есть определенное динамическое наполнение. При переполнении, она расширяется в высоту, а нужно, что бы расширялась в ширину. Как такое можно сделать? P.S. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> P.P.S. Знаю, что можно сделать на span'ах (которые по умолчанию не растягиваются на 100% ширины), но вдруг и для таблиц есть вариант.

    Asked by Walk,

    0 votes
    1 answer

  9. Как сделать так, чтобы DIV занял все свободное место?

    Смотрите, страница состоит из трех дивов с абсолютным позиционированием: Размеры первого и второго дивов заданы. Нужно сделать так, чтобы третий див занимал все оставшееся пространство экрана. Как это сделать? Дело в том, что в этом третьем диве находится картинка. Отчаявшись выровнять ее по центру, я даже поставил третьему диву атрибут align=center, но и это не помогло! По-моему это из за того, что третий див автоматически получает такую же ширину, как сама картинка.

    Asked by hooey_ru,

    0 votes
    6 answers

  10. Как сделать так, чтобы div ровно обтекал свое содержимое.

    Есть контейнер (.menu)(может там div и не нужен, а то я на них уже зациклен, заказчик хочет чтобы все, все, все было резиновым). Если, содержание данного контейнера - блоки с фиксированной шириной, а у самого контейнера стоит display: inline-block, то все нормально. Но, как только содержимому контейнера я даю в свойствах: float или display. Правая сторона отстреливает к границе окна браузера. А требуют, чтобы отступы от содержимого были одинаковыми со всех сторон. (Первоначально я сделал через justify, но это решение не приняли. Сетка из элементов .post меняться не должна (в плане расстояния между элементами).) Как можно сделать так, чтобы при динамическом содержимом, к…

    Asked by IlyaSA,

    0 votes
    13 answers

  11. Как сделать так, чтобы по ссылке на электронный адрес открывалось письмо с шаблоном текста?

    Всем дорого дня! Опытные коллеги, подскажите, пожалуйста, как можно сделать так, чтобы при нажатии на ссылку емейла, например, test@test.ru в почтовике открывалось письмо с шаблоном текста, например в таком виде: Тема письма: Тема Текст: ФИО Организация Ваш вопрос Сейчас я использую вот такой код <a href="mailto:test@test.ru?subject=Тема &body=ФИО Организация Ваш вопрос> test@test.ru </a>. В результате при нажатии на электронный адрес приходит письмо с текстом: ФИО Организация Ваш вопрос Как можно перенести каждый пункт на новую строку? Или может есть вариант создавать письма с вложением?

    Asked by Моркося Андреевна,

    0 votes
    3 answers

  12. Как сделать так, чтобы при нажатии на кнопку - не перекидывало на другую ссылку?

    Сделал валидацию для кнопки через jquery-vaildate. По макету - нужно сделать так, чтобы после нажатии на кнопку, которая отправляет эту форму - закрывался этот popup и открывался следующий с уведомлением о том, что форма отправлена. Подскажите, как это сделать? Все скрины прикрепил ниже. HTML формы: ``` <div id="modal__wrapper"> <div class="modal__overlay" id="modal__overlay"></div> <div class="modal__window"> <a href="#" class="modal__close" id="modal__close"></a> <div class="mo…

    Asked by Dikkey,

    0 votes
    1 answer

  13. Как сделать так, чтобы раскрывающееся меню(toggle) сдвигало контент сайта

    Добрый день! У меня меню себя ведет странно. Не хочет сдвигать вниз остальной контент. Хотелось бы, чтобы было как в примере: http://cssr.ru/simpliste/_xtensions/snippets/responsive_navigation/toggle_menu.html Html: <!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Création des sites web responsives, des thèmes WordPress. Intégration HTML, CSS, jQuery. Création et intégration des maquettes pour l’emailing. Localisation des sites web et des newsletters "/> …

    Asked by prweb,

    0 votes
    1 answer

  14. как сделать так, чтобы слои не сжимались по браузеру (когда браузер рзвернут не на весь экран)

    Здравствуйте, подскажите пожалуйста. Как сделать так, чтобы слои не сжимались по браузеру (когда браузер рзвернут не на весь экран), а появлялась полоса прокрутки. Пробывал, картинку шириой 1000px вставить, горизонтальный ползунок появился, а вот слои сжимаються. Извините, что тему каряво назвал (торопился, блин и переименовать нельзя).

    Asked by Niodar,

    0 votes
    2 answers

  15. Как сделать так, чтобы слой-футер был всегда был внизу страницы

    Всем привет! Такая возникла проблемка. Есть три блока: хидер, тело, футер: __________________ | хидер | |__________________| | | | | | боди | |__________________| | футер | |__________________| Надо чтобы футер был всегда в самом низу страницы, вне зависимости от того, сколько контента в боди. Эту ссылку, изучил, но решение предложенное там мне не помогло. У меня два файла: Index.html и main.css вот их код: index.html: <html> <head> <title>сайт.ру</title> <link rel=stylesheet href=main.css type=text/css> </head…

    Asked by Качан Капусты,

    0 votes
    3 answers

  16. Как сделать так, чтобы строчный элемент начинался с новой строки

    Есть строчный элемент (span). Нужно, чтобы он начался с новой строки. Вкладывать в блочные элементы нельзя, добавлять/убирать <br> перед элементом не очень удобно, хочется, чтобы перенос на новую строку управлялся стилем. Как можно сделать?

    Asked by fedotxxl,

    0 votes
    4 answers

  17. как сделать так, чтобы фон тоже мигал?

    http://jsfiddle.net/HPsz4/

    Asked by DivMan,

    0 votes
    20 answers

  18. Как сделать так,чтобы два всплывающих окна перекрывали друг друга при активности?

    Есть адаптивное меню .mobmenu и кнопка обратной связи .feedback.openform. Как сделать так,чтобы при нажатии на гамбургер, меню с темным задним фоном перекрывало кнопку обратной связи,чтобы ее нельзя было нажать? И наоборот,при нажатии на форму обратной связи,нельзя было вызвать адаптивное меню. С меню вроде как я справился,но вот как полностью вывести фидбэк на передний план и чтобы при этом чтобы header с гамбургером отошли назад? https://codepen.io/tempest2708/pen/dyMVoOp pornohub-google-chrome-2020-09-04-00-56-15_AYQgL2jv.compressed.mp4

    Asked by Tempest99,

    0 votes
    1 answer

  19. как сделать так?

    http://hostingkartinok.com/show-image.php?id=70e3e6be6416e67f98bb5de782f6f844 надо чтобы при скролле, если товар не доматался, чтобы само доматывалось

    Asked by raptor-dm,

    0 votes
    1 answer

  20. Как сделать так...

    Мне нужно сделать, чтобы две разные таблицы стояли по центру. (как на картинке).

    Asked by mxm008,

    0 votes
    12 answers

  21. Как сделать так...

    Есть ячейка (или слой). Внутри ее картинка, справа картинку в теге p ее обтекает текст - текст всегда на margin-left 150px (то есть на 150 пикселей слева от начала ячейки); Текст должен быть вертикально по центру. Картинка прижата к верху.

    Asked by Zverushka,

    0 votes
    12 answers

  22. Как сделать также?

    Хочу такие же ссылки как на этом сайте bigpicture . ru То есть ссылка синяя, при наведении оранжевая, при посещении серая. Как такое реализовать? http://floomby.ru/content/YIzD6LuTUO

    Asked by sergeyshat,

    0 votes
    1 answer

  23. Как сделать также? (gif-видео)

    Чем и как можно сделать вот такие гифы? http://support.kaspersky.ru/faq?qid=208640890

    Asked by sergeyshat,

    0 votes
    2 answers

  24. Как сделать такие боковые границы

    Всем привет. Есть div с классом middle например: .middle { border-left: 1px solid #DDDDDD; border-right: 1px solid #DDDDDD; background: #FFFFFF; padding: 10px 10px 1px 10px; } Как сделать что бы боковые были не сплошной линией, а с такой картинкой: Получится в итоге должно следующее (затухающие линии по бокам):

    Asked by dorex,

    0 votes
    1 answer

  25. Как сделать такие бордеры ?

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

    Asked by dimacat,

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