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. Смазываются картинки в мобильных устройствах

    Кто-нибудь встречался с ситуацией, когда картинка (в бэкграунде точно) на компе отображается нормально, четко, а вот с мобильных смазывается? Если да, то как это лечится? Например тут http://lerache.ru логотип в шапке.

    Asked by akxxiv,

    0 votes
    1 answer

  2. Псведокласс :not и :empty

    Почему :not не срабатывает для последнего td ? То есть в последней ячейке не должно быть текста. https://jsfiddle.net/Delat/4s7sjh80/

    Asked by Delat,

    0 votes
    1 answer

  3. Анимация в обратном порядке

    $(document).ready(function(){ $('div').click(function(){ $('div').toggleClass('a1').removeClass('a2'); }); $('p').click(function(){ $('div').toggleClass('a2').removeClass('a1'); }); }); div { width: 200px; height: 200px; background: black; position: relative; } .a1 { animation: vras 3s forwards; } .a2 { animation: vras 3s alternate-reverse forwards; } @keyframes vras{ from { left: 0; } 33% { left: 85%; } 66% { left: 0; } to{ left: 500px; } } <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <div></div> &l…

    Asked by aqua.77,

    0 votes
    1 answer

  4. Скачет гармошка

    Взял за основу такой аккордион: http://ruseller.com/lessons.php?rub_id=2&id=1195 Начал вставлять его в движок, но чето работает не так как в демке, при клике экран смещается http://cssdeck.com/labs/upg89em0 Как сделать чтобы экран не скакал? Или может подскажите другой рабочий аккордион с похожим эффектом? (плавное раскрытие при клике на один из пунктов и закрытие другого пункта) Нашел еще один скрипт и тоже не работает... Нашел третий скрипт - он заработал. Но там надо jquery подключать в начале

    Asked by nikki4,

    0 votes
    1 answer

  5. Как создать такой индикато скролла страницы?

    При скролле полоса должна заполняться. Как можно создать подобную форму? Есть ли примеры?

    Asked by posthack,

    0 votes
    1 answer

  6. Как получить айди нажатого объекта?

    У меня есть картинка <input type = "image" class = "but1" id = "11">. Её айди 11. Как сделать так, чтобы при нажатии на эту картинку я получал её айди, то есть 11?

    Asked by Kun32216,

    0 votes
    1 answer

  7. Проблема наложения слоёв

    Есть чёрный блок который наложен на красный блок, у чёрного блока есть зелёный блок который должен быть сзади красного блока. Как такое организовать без редактирования html кода? https://jsfiddle.net/ooceokLd/1/

    Asked by aqua.77,

    0 votes
    1 answer

  8. <input type='text'> с display:table-cell и width:100%

    Доброго времени суток. <!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8" /> <title>Документ без названия</title> <style> .table { display:table; width:100%; } .table-cell { display:table-cell; border:solid 1px black; } .aaa { width:100%; } </style> </head> <body> <div> <form class='table'> <div class='table-cell'>текст</div> <input type='text' class='table-cell aaa' maxlength='50'> <input type='submit' value='отправить' class='table-cell'> </form> </div> </body> </html>…

    Asked by den_alex_96,

    0 votes
    1 answer

  9. Пошаговая анимация

    https://jsfiddle.net/5259to6a/ Нужно чтобы при щелчке внешний блок появлялся с помощью функции slideDown, и только после его появления внутренний абзац появлялся в помощью c анимации.

    Asked by aqua.77,

    0 votes
    1 answer

  10. Резиновая картинка (больше-меньше)

    Всем привет. Не могу дать ладу...подскажите плз. Свертал лэндинг на HD разрешение, но беспокоит что шапка не резиновая. Как средствами ксс и хтмл сделать загрузку другого фонового изображения, если разрешения монитора меньше 1920px...

    Asked by Bandyy,

    0 votes
    1 answer

  11. Пустота между дивами

    Всем привет. Такая вот проблема, при включении в код трех DIV-ов (составляющих логотип) - появляется дикий отступ под логотипом. Уже перепробовал что только можно. Хеееелп Для удобства выложил сюда все включая картинки http://boatsrepair.us/Desktop/index.html вопрос не только в том что бы пофиксить этот глюк, но и понять откуда он ... style.css index.html

    Asked by burgman,

    0 votes
    1 answer

  12. Как в html5, разместить объекты <figure> в две строчки три столбца, без таблиц?

    Как в html5, разместить объекты <figure> в две строчки три столбца, без таблиц? спасибо. Применяя float: left; первые три блока размещаются как необходимо, а вот со следующими тремя блоками - беда. Ни как они не хотят, следующей строкой ((( .a1 { background: #FFFFFF; border:5px; padding: 10px; display: block; width: 150px; float: left; margin: 0 10px 10px 0; text-align: center; } <! -- первые 3 блока —-> <article> <figure class="a1"> <p><img src="image.png" alt=""></p> <figca…

    Asked by luxwood,

    0 votes
    1 answer

  13. добавить табам прокрутку

    помогите пожалуйста поправить табы от бутстрапа3 в этом примере при уменьшении ширины окна вкладки выстраиваются в несколько этажей. мне же хотелось бы чтобы они всегда состояли из одного этажа, но имели возможность прокручиваться по горизонтали(это умеют табы от ng-material) это мне нужно чтобы сделать трёхуровневые табы. для них критично чтобы каждый уровень состоял строго из одного этажа

    Asked by cyklop77,

    0 votes
    1 answer

  14. Эффект видимости только на определенном элементе

    Как сделать так, чтобы один блок (абсолютно спозиционированный) был виден только в границах другого блока?

    Asked by Alex.a,

    0 votes
    1 answer

  15. Ошибка в коде

    В этом коде у меня почему-то не хочет делать отступ справа. Час маюсь, решил на форум зайти. Укажите на ошибку мне и как надо правильно написать. P.S - команду брал даже с сайта, тоже не рабочая. <html> <head> <style> #header { /* Верхний блок */ background: #0080c0; /* Цвет фона */ padding: 1px; /* Поля вокруг текста */ padding-right: 10px; position: relative; top: -3px; } .lol { background: #ffe url(images/help.png) no-repeat top right; /* Параметры фона */ border: 2px solid black; /* Параметры рамки */ padding: 2px; /* Поля вокруг текста */ padding-right: 90px; /* Поле справа */ } </style> </head> <body…

    Asked by ErUnDAK,

    0 votes
    1 answer

  16. Ожидание закрытия

    Как заставить элемент списка в котором есть подменю, "гаснуть" после того как подменю исчезло? https://jsfiddle.net/b5uma4re/13/ Сейчас если навести и убирать указатель на элемент подменю, то "гаснет" и сам родительский элемент.

    Asked by aqua.77,

    0 votes
    1 answer

  17. Рамка с декоративным элементом

    Подскажите, как можно сделать такую рамку:

    Asked by Apofys,

    0 votes
    1 answer

  18. Расположение тега через div

    Мне нужно расположить этот текст слева, внизу, но получается только по центру. При этом, надо чтобы он оставался внизу даже если тело будет увеличено. Вот код, ошибку искать пытался пытался путём поисков разных атрибутов css: <html> <head> <meta charset="utf-8"> <title>ИС-41521</title> <style> <style> .lol { position: relative; top: 90px; } </style> </head> <body> <div class="lol"> <center style="float:left;"> <p>Куда-нибудь нужно это положить?</p> </center> </div> </body> </html>

    Asked by ErUnDAK,

    0 votes
    1 answer

  19. Вложенный блок в ссылку

    Почему происходит такое поведение блока в котором есть ссылка? https://jsfiddle.net/jgpkow1m/ если же в блок положить другой элемент например абзац, то всё нормально.

    Asked by aqua.77,

    0 votes
    1 answer

  20. Добавление логотипа img приводит к смещению inline-block элемента вниз

    Здравствуйте, Ссылка на проблему https://jsfiddle.net/gzemlyakov/wkzgfj2h/ Столкнулся с проблемой позиционирования inline-block элемента(nav) после логотипа(img). При добавлении inline-block элемента после картинки, элемент съезжает вниз на расстояние, приблизительно равное, высоте картинки. Если убрать картинку и добавить еще один inline block элемент, то смещения вниз не происходит. Я попробовал выставить display: inline-block, также, для картинки, но это не помогло решить проблему. Если вместо img поместить другой inline элемент, например span, смещения вниз не происходит. Основной вопрос как позиционируется img и чем его позиционирование отличается от осталь…

    Asked by twelve_chairs,

    0 votes
    1 answer

  21. Подключение js к html

    Есть код, к которому надо подкл js файл, но файл не хочет выполняться, а когда скрипт в html, то выполняеться Сам скрипт <script type="text/javascript"> $(document).ready(function(){ $(".mymagicoverbox").click(function() { $('#myfond_gris').fadeIn(300); var iddiv = $(this).attr("iddiv"); $('#'+iddiv).fadeIn(300); $('#myfond_gris').attr('opendiv',iddiv); return false; }); $('#myfond_gris, .mymagicoverbox_fermer').click(function() { var iddiv = $("#myfond_gris").attr('opendiv'); $('#myfond_gris').fadeOut(300); $('#'+iddiv).fadeOut(300); }); }); </script> Так не работает <html&…

    Asked by khomchenko,

    0 votes
    1 answer

  22. Как вывести символ в качестве фона?

    нужно для аккордиона, пока использую картинки - но понимаю, что оптимальнее сделать это символами вот нужен "+" , вместо картинки крестика .accordion-header li { background:url("") no-repeat; background-position:right; }

    Asked by nikki4,

    0 votes
    1 answer

  23. Проблема с clip-path: url(#foo)

    Нужна помощь! Начал разбираться со свойством 'clip-path'. Оно пока мало поддерживается браузерами. Полноценно только -webkit-браузерами. Поддержка Firefox имеется, но только через "external-link" - clip-path: url(#foo) и описании svg в html. У меня возникла проблема реализации именно последним способом: Вот реализация через clip-path в css (работает только на -webkit-): Захотел сделать тоже самое только через external-link для поддержки Firefox, описал те же polygon в svg и меня ничего не работает, в чем именно я допустил ошибку? Знаю, что будут проблемы с transition со второй реализацией, но это лучше чем ничего! Заранее спасибо за пом…

    Asked by EugeneKiyash,

    0 votes
    1 answer

  24. Как отобразить по центру?

    http://rado-jubile-true.ru/dwr/ По центру, через клик, должна выскакивать табличка в центральном расположении, но она почему-то падает в левый верхний угол. К ссылке на сайт, где всё видно, прилагаю скрин. Вот этот блок должен быть в центре, но он почему-то съезжает. Сайт делал не я, поэтому мои познания в тонкостях весьма ограниченны. =( Код формы: <div id="kmacb-form" class="modal kmacb-form kmacb-form2"> <div class="modal-block"> <div class="title"><a class="icon-close"></a>Понравилось это предложение?<div class="kmacb-form-rectangle"></div></div> <div class="content"> …

    Asked by P0jar,

    0 votes
    1 answer

  25. Центрирование абсолютно позиционированного блока

    Как отцентрировать абсолютно позиционированный абзац? пробовал left:auto; right:auto; и margin:auto; не работает. Есть ли свойство какое нибудь? или придётся линейкой центр искать? https://jsfiddle.net/Lo4ntyu9/1/

    Asked by aqua.77,

    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