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

    Здравствуйте. Прошу подсказать по следующему вопросу. Есть два изображения, которые нужно разместить одно под другим в таблице, а между ними текст. Для упрощения скажем это одинаковые прямоугольники. Но после первого изображения появляется белая рамка. Попытки ее убрать с использованием методов, найденных в поиске, не увенчались успехом. Прошу подсказать как решить этот вопрос. На приложенном изображении расположение горизонтальное, но суть та же. <html> <head> </head> <style> img{ border: none; } </style> <body> <table border = "0" cellpadding="0"> <TR> <TD> <img src = "D:\Пр…

    Asked by qetutu,

    0 votes
    3 answers

  2. Проблема с php js формой

    Привет, очень нужна помощь в форме https://jsfiddle.net/1z0uhe7d/1/. Их три (третья отличается тем что поле emailвместо сообщения). Проблема в том, что обрабатывается только там, что не открывается как попап(через arcticmodal) и открываются при изменении input file. Я пробовал закинуть инпут файлы в попап формы, но не помогает, пробовал через классы обрабатывать в js не помогает. Моих знаний мало, чтобы повесить обработку новых инпутов в js и заставить обрабатывать все формы. Очень нужна помощь, кто разбирается.

    Asked by exoty,

    0 votes
    0 answers

  3. :hover протекает внутрь дочернего, как починить?

    Есть <span class="hider">. По :hover он должен показывать свое содержимое. Он может быть вложен в себя на любой глубине. Демо: https://jsfiddle.net/kzosd0wp/3 Проблема: когда срабатывает :hover на корневом .hider, все .hider на всю глубину показывают теги <a>, но не должны. Требуемое поведение: по :hover .hider показывает только свое содержимое и родительских hider, но не содержимое вложенных в него .hider. Сейчас при наведении курсора на внешний hider показывается лишняя ссылка, но не должна. Ее должно быть видно только при наведении на дочерний .hider. Селектор .hider:hover > a не выход, т.к. внутри .hider ссылка может быть…

    Asked by 7ion,

    0 votes
    4 answers

  4. Бордер в цвет градиента

    Товарищи, не могу сделать прозрачный фон на кнопку, чтобы было вот так: http://prntscr.com/luwhmx Пока получается только так: https://codepen.io/dimpin/pen/QzyXvK Может кто сможет подсказать? Буду безгранично признателен.

    Asked by Dimpin,

    0 votes
    4 answers

  5. Перестал работать simple lightbox. не открывает большие фото

    Всем привет! Прошу помочь разобраться.. Есть самописный сайт. Прошу сильно не материться, делала его не я.. На сайте есть страницы в виде галереи с фото: http://av-bykov.ru/art/kadet-2018-1september Эти страницы работали корректно. Все было ок, фото открывались в большом размере. Недавно после редактирования файлов сайта перестали открываться большие фото. Страница с миниатюрами есть, сами большие фотки тоже есть (загружены на сервер и никуда не делись), но почему-то не открываются. При нажатии на любое фото по ссылке можно это увидеть: http://av-bykov.ru/art/kadet-2018-october Код я меняла в одном файле сайта, к-ый хранит все фото в вид…

    Asked by MariaKo,

    0 votes
    0 answers

  6. Клипинг нескольких изображений внутри родителя.

    Доброго всем дня, уважаемые эксперты! Как решается такая задача: <div class="ls-rubber-block ls-bg-heavenly"> <div id="ls-img-01"></div> <div id="ls-img-02"></div> </div> html { height: 100%; } body { height: 100%; margin: 0; padding: 0; font-family: 'PT Sans Caption', sans-serif; } /* Блок, который рвстягивается по высоте и ширине на 100% */ .ls-rubber-block { width: 100%; height: 100%; min-height: 100%; box-sizing: border-box; border: 0px solid #FF0004; overflow: hidden; clip: rect(0, 100%, 0, 100%); } #ls-img-01 { position: absolute; display: block; width: 700px; height: 600px; top: -200px; right…

    Asked by architec,

    0 votes
    1 answer

  7. выдвигающаяся кнопка сдвигает все остальные элементы

    https://jsfiddle.net/illight/strj1cu3/25/ тут выпадающая часть кнопки сдвигает текст, а у меня на сайте вообще все блоки сдвигает вниз :( три дня читаю, единственное разумное что смог сделать - контейнер в котором они находятся позиционировать абсолютно, но возникает куча косяков, т.к. сверху панель управления сайтом будет перекрывать эту часть если не сложно направьте на путь истинный

    Asked by D0S,

    0 votes
    2 answers

  8. Лейбл не прижимается к тексту, когда текст в 2 строки

    Есть лейбл. По задумке дизайнера этот лейбл должен прижиматься к тексту и расстояние между лейблом и текстом должно быть 10 пикселей. Но вот когда текст переноситься это не срабатывает: лейбл прижимается к правому краю. Вот так http://skrinshoter.ru/s/121218/eVuL33Lz Понятно что дизайнеру не хотелось бы чтоб было так. Но как сделать это чтоб соответствовало его задумке - хз. https://codepen.io/anon/pen/OrVBKN

    Asked by yaparoff,

    0 votes
    3 answers

  9. Баннер

    Привет. Вопрос следующий. При обновление word press, один баннер переместился вниз ( см. скрин баннер в черном квадрате ). Как его вернуть обратно в черный прямоугольник?

    Asked by diekrups,

    0 votes
    1 answer

  10. Выровнять текст по центру и по левому краю

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

    Asked by chocolate_moles,

    0 votes
    12 answers

  11. Проблема с масштабированием

    Здравствуйте, столкнулся с проблемой начального масштабирования на мобильных устройствах. Сайт без адаптации (по задумке заказчика), имеет ограниченную ширину width: 1024px !important; На экранах любого размера сайт при загрузке должен открываться полностью весь, но на устройствах с шириной дисплея меньше 1200px при открывании сайта масштабируется. И приходиться отдалять. Помогите исправить данную проблему. <html> <head> <title>Epic Birds</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <link rel="stylesheet" href="cs…

    Asked by cutuz,

    0 votes
    5 answers

  12. Как сделать высоту "a" по высоте родителя ul

    Здравствуйте. padding подгоняется не четко, при изменении масштаба видно изъяны (подсветка кнопки не на всю высоту или на оборот больше чем нужно) Код: https://jsfiddle.net/aemjkhp9/

    Asked by maxfloyd,

    0 votes
    1 answer

  13. небольшое html окно

    Добры день! Подскажите пожалуйста, или неправильно формулирую запрос или туплю? Нужно простое всплывающее html окно с крестиком или кнопкой "ЗАКРЫТЬ" масштабом в 2/3 от стандартного. Например, у товара есть кнопка "ПОДРОБНЕЕ", хочу сделать, что бы открывалось окно с описанием и фото. СПАСИБО!

    Asked by Vic-Tor,

    0 votes
    2 answers

  14. Изменение порядка блоков

    <div>Лого</div> <div>Текст</div> <div>Меню</div> Как сделать чтобы в адаптивной версии меню оказалось выше текста?

    Asked by gadjet,

    0 votes
    6 answers

  15. Перенос части текста из первого конейтнер во второй

    Как перенести, часть текста во второй контейнер, если в первом закончилось места, а то текст выходит за границы контейнера? Вот пример: Код <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>HTML5</title> <style> .page {width:100px; height:100px; background-color:yellow;} .page2 {margin-top:-100px;margin-left:100px;width:100px; height:100px; background-color:red;} </style> </head> <body> <div class="page">Привет мир! Привет мир! Привет мир! Привет мир! Привет мир! Привет мир! Привет мир!</div> <div class="page2"></div> </body> </htm…

    Asked by Katerina23,

    0 votes
    3 answers

  16. Как при нажатии на копку выводился в модальном окне скрипт

    Как при нажатии на копку выводился в модальном окне скрипт? <button type="button" class="close position-absolute r-0 t-0" data-dismiss="modal" aria-label="Close"><svg xmlns="http://www.w3.org/2000/svg" height="16" viewBox="0 0 16 16" width="16" class="icon svg-secondary" src="images/gallery/icons/cross.svg" alt=""><path d="m8.07106781 6.65685425 5.65685429-5.65685425 1.4142135 1.41421356-5.65685423 5.65685425 5.65685423 5.65685429-1.4142135 1.4142135-5.65685429-5.65685423-5.65685425 5.65685423-1.41421356-1.4142135 5.65685425-5.65685429-5.65685425-5.65685425 1.41421356-1.41421356z" fill-rule="evenodd" class=""></path></svg></button>…

    Asked by MegaDrive,

    0 votes
    0 answers

  17. JavaScript В браузере не выводятся всплывающие окна c с запросами.

    Здравствуйте.Возникла проблема со следующим заданием:вывести всплывающее окно, запрашивающее имя пользователя, затем вывести сегодняшнюю дату на экран(её можно увидеть после всего цикла окон),потом задать вопрос касательно обучения в группе(если да-цикл продолжается, нет-вывести окно с отказом),далее ещё одно вводное окно,а потом через всплывающие окна запросить у пользователся значения a,b,c для решения квадратного уравнения.Суть проблемы:как только после if-а, отвечающего за запрос о принадлежности к группе,браузер перестаёт отображать остальные окна и простую инфу о дате,которая просто выводится на экран. Подскажите,пожалуйста,как можно пофиксить эту проблему.Всё ника…

    Asked by qwerty_me,

    0 votes
    2 answers

  18. Проблема с размещением li

    Простите может за глупый вопрос ,я еще новичок в этом деле . Проблема в том что я зафиксировал шапку -position: fixed; в хедере и все работало нормально . Но когда я добавил текст на страницу все элементы смешались в один . Создавал пункты для шапки с помощью( a) заключенных в (li). Заранее спасибо !!! Р.С могу дослать фото кода , если нужно .

    Asked by Danil8225,

    0 votes
    1 answer

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

    Всем привет, помогите пожалуйста с такой проблемой, не получается повторить стиль активного пункта меню, как можно сделать чтобы он был по высоте чуть выше остальных пунктов?

    Asked by vityalobanov,

    0 votes
    4 answers

  20. Нужен совет как правильно сверстать блок

    Добрый день! Собираюсь переверстать сайт http://goods4fest.ru/ и нужен совет как будет правильно, лучше и тд сверстать блок, который под слоганом и лого. Можно ли будет использовать svg для создания трех фоновых фигур? Буду рад любым советам, спасибо!

    Asked by kaspers128,

    0 votes
    1 answer

  21. Не отображается картинка в теге <a>

    Такая конструкция работает нормально <img src="/img/logo.png" alt="Logo" /> Перестает работать внутри контейнера <a>. И локально и на хостинге, картинка не отображается <a href="/index.html> <img src="/img/logo.png" alt="Logo" /> </a>

    Asked by gadjet,

    0 votes
    2 answers

  22. Расположение текста на странице

    Помогите, пожалуйста, у меня текст расположен просто по ширине страницы, а надо, чтобы контент занимал 70% ширины страницы и был выровнен по середине с помощью CSS. В общем надо такой вид, как на изображении, что я прикрепила.

    Asked by Elizabeth2018,

    0 votes
    2 answers

  23. Перенос гридов

    Порядок полей идет сверху вниз. По вертикали может помещаться 4 поля Если поля не помещаются в ширину контейнера, то они должны переноситься на следующую строку Сверстал это гридами, но почему то не переноситься на следующую строку https://codepen.io/anon/pen/OaqQNd

    Asked by yaparoff,

    0 votes
    0 answers

  24. Реализация динамически появляющихся полей

    При нажатии на кнопку появляется новое поле. Порядок полей идет сверху вниз. По вертикали может помещаться 4 поля http://skrinshoter.ru/s/031218/LKi6NuB4 Если поля не помещаются в ширину контейнера, то они должны переноситься на следующую строку Сделал это на флексбоксе, но поля не переносятся на другую строку при переполненном контейнере https://codepen.io/anon/pen/QJoaXX

    Asked by yaparoff,

    0 votes
    3 answers

  25. Увеличение видео ютуба при наведении

    здравствуйте размести ембед видео ютуба на главной. заказчик хочет чтобы они увеличивались при наведении мыши. есть ли какие-нибудь красивые примеры с оверлеем или типа того.

    Asked by Sunman,

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