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. Подскажите, что это за шрифт?

    Сегодня обновил Itenes и увидел шрифт, который очень понравился. Подскажите, что это за шрифт?

    Asked by GuitarFan,

    0 votes
    3 answers

  2. Ссылка-кнопка

    Имеется кнопка-ссылка в виде картинки. При нажатии на кнопку в IE появляется непонятно откуда взявшийся фон, в других браузерах всё работает нормально. Вот собственно как это выглядит - До нажатия: Во время нажатия: Что делать не имею понятия. Многое перепробовал. Буду благодарен любой помощи

    Asked by micado,

    0 votes
    3 answers

  3. Слэш в конце

    Всем доброе утро! Меня интересует вопрос. Допустим, взяв к примеру код: <link rel="stylesheet" href="/styles/style.min.css" />Объясните, для чего нужен этот слэш в самом конце? И в каких случаях он вставляется?

    Asked by camaro,

    0 votes
    3 answers

  4. background работа со спрайтами

    Всем привет. Интересует вопрос. По моему где то видел в видео. Допустим есть спрайт. Расстояние между рисунками в нем 10 пикселей. А контейнер больше значительно рисунка + 10 пикселей. То при установки спрайта фоновым изображением будет вылазить и следующее изображение на спрайте. Чтобы этого не было по-моему есть правила, что ты указываешь размеры и отступы от края - типа crop получается и потом работаешь только с этой частью спрайта. Если ошибаюсь подскажите выход из такой ситуации - описаной выше

    Asked by psics,

    0 votes
    3 answers

  5. внесение svg кода в html

    Здравствуйте! Помогите пожалуйста разобраться. Требовалось внести svg-код в html документ. Я не нашёл лучше способа как через <object>. <object data="link.svg" type="image/svg+xml" width="400" height="450"></object> В результате у меня при нажатии ссылок, находящихся в подключённом svg, открываются сайты не на полную страницу, а в окошке 400х450. Как этого избежать? Возможен ли тогда какой-либо другой способ вставки svg в html? <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Растягиваемый фон</title> <style> body { background: url(images/loshad.png) no-repeat; -moz-background-size: 100%; /* …

    Asked by Иван98,

    0 votes
    3 answers

  6. требования

    скажите , а есть правила или требования которые предъявляются к сайтам.

    Asked by Leyla84,

    0 votes
    3 answers

  7. автоматическая ширина для input

    помогите пожалуйста решить проблему есть поле input со строкой текста внутри. не получается сделать так чтобы ширина поля подстраивалась под количество текста(длину строки). фиддл могу использовать js, но хотелось бы на css

    Asked by cyklop77,

    0 votes
    3 answers

  8. img hover

    pls help) http://jsfiddle.net/kfs7e19p/40/ что-то туплю, можно сделать на css чтоб вторая картинка меньшего размера оказалась сверху первой? или надо js использовать?

    Asked by tr0nik,

    0 votes
    3 answers

  9. Проблемы с масштабом в разных браузерах.

    Давно верстаю, но с таким еще не сталкивался. Гугл ничего вразумительного не выдает. В общем, проблема такая: При 100% масштабе высталенном в каждом браузере, странца все же умудряется отличаться по размерам в разрых браузерах. Заметил это при верстке своего сайта, потом решил зайти и посмотреть есть ли таже проблема с другими сайтами, там оказалось все то же самое. Причем судя по ширине выводимой страницы chrome и IE правильно показывают масштаб, а вот остальные браузеры нет. Хотя, повторюсь, в настройках у всех браузерах стот 100% масштаб. Не знаю теперь как это все к общему виду привести. Вручную, с помошью тега meta можно конешн масштаб выставить на вид один, но …

    Asked by skyman000,

    0 votes
    3 answers

  10. Резиновый div с верикальным выравниванием

    Никак не могу совладать с вёрсткой... Есть задача сделать резиновый div на 90% высоты экрана с изборажением на бекграунде. Туда нужно вписать текст, затемнить бекграунд сеткой и выровнять текст по вертикали. Что я сделал. Разместил внутри первого дива второй, у которого бекграунд сеткой. Всё бы хорошо, но теперь не могу растянуть его по размеру родителя и отцентрировать текст. Функционал можно глянуть тут: http://jsfiddle.net/gumbert/ddkd1bs9/3/ Как мне можно его победить?

    Asked by dmtr,

    0 votes
    3 answers

  11. Книжка PHP

    Доброе воемя суток! Ребят ,кто может поделится ссылкой на скачивание рус. книжки "PHP и MySQL. От новичка к профессионалу" Кевин Янк ? Спасибо!

    Asked by angangell,

    0 votes
    3 answers

  12. Проблема с -moz-filter: invert

    не могу разобраться с инверсией картинки. Чувствую что трачу излишнее время на это, поэтому молю о помощи гуру css! имеется <img class="transition" src="images/Logo.png" width="196px" height="66px" alt="Teach&Style"> .transition:hover {-webkit-filter: invert(1);-moz-filter: invert(1); -ms-filter: invert(1); -o-filter: invert(1); filter: invert(1);} В FF(32.03), IE (11), Safari(5.1) инверсия картинки не работает. В опере и хроме все норм Что я делаю не так? и как мне добиться работы инверсии в перечисленных браузерах?

    Asked by klon_008,

    0 votes
    3 answers

  13. не работает ссылка, содержащая iframe

    помогите пожалуйста решить проблему в ссылку заключён текст и iframe(с видео). проблема в том, что при клике по тексту ссылка работает, а при клике по iframe - нет(нажимается именно видеоплеер) <a class="link_to_details" href="/video/2/" style="display: block;"> <article class="article col-xs-4"> <iframe allowfullscreen="" src="//www.youtube.com/embed/1UBnfzMWiPg" frameborder="0"></iframe> <h4 class="h4">666</h4> <div class="views">Количество просмотров: 0</div> <div class="views">Количество лайков: 0</div> </article></a>возможно сделать так чтобы при клике на ссылке поверх видео, происходило п…

    Asked by cyklop77,

    0 votes
    3 answers

  14. CSS Спрайт

    Всем доброго времени суток. Столкнулся вот с такой проблемой, то ли я туплю, то ли делаю что-то не так с css спрайтом. Есть вот такой кусок html кода: <div id="social-button"> <a href="#" id="social-button1"></a> <a href="#" id="social-button2"></a> <a href="#" id="social-button3"></a> <a href="#" id="social-button4"></a> </div>И так же кусок css: #social-button { width: 162px; height: 32px; float: right; margin-right: 30px; margin-top: 65px;}#social-button1 { width: 33px; height: 33…

    Asked by job3507,

    0 votes
    3 answers

  15. Принцип определиения работы media handheld

    (Извиняюсь, накосячил в названии темы) Подскажите, по какому принципу работает media handheld? Я хочу сделать мобильную версию сайта, но мне нужно, что бы она выдавалась исключительно для смартфонов, а для планшетов и пк выдавалсь настольная версия. Учитывая что сегодня смарфтны имеют разрешение вплоть до 2к, а планшеты бывают и по 720px, то max/min width мне не подойдёт, а вот как будет работать media handheld? По какому прнципу отличает смартфон от планшета?

    Asked by suhiro,

    0 votes
    3 answers

  16. Как отменить обтекание текст label а вокруг checkbox.

    По дизайну нужно сверстать вот так: Получается вот так: Fiddle Как можно делать делать так, чтобы получилось по дизайну. Спасибо.

    Asked by parnas,

    0 votes
    3 answers

  17. Непонятная авто генерация html кода браузером

    Здравствуйте! ПРощу помощи найти непонятный мне bug который портить верстку. При открытие html файла браузером, браузер каким-то способом генерируеть допольнительные коды которых нет в коде. Вот страничка. Мне кажется что где-то в css накосячил.. Вот мой код: Fiddle

    Asked by parnas,

    0 votes
    3 answers

  18. Стилизация скроллбара

    Здравствуйте! Необходимо стилизовать горизонтальный скроллбар под стиль сайта. Гугл выдает противоречивую инфу по решению этой задачи: одни говорят, что на css кроссбраузерно сделать нельзя и необходимо использовать JS\JQuery, другие советуют использовать css и отдельные стили для webkit и gecko. Я не веб-разработчик и не знаю кому верить, поэтому прошу помощи - можно ли сделать кроссбраузерно на css - если нельзя, то посоветуйте максимально простой (чтобы новичок смог разобраться) плагин на JS\JQuery Спасибо.

    Asked by urello,

    0 votes
    3 answers

  19. помогите с позиционированием div блоков

    Привет всем! Ребята, помогите пожалуйста, всю голову сломал с позиционированием блоков. У кого есть какие варианты? Верстка резиновая. Прикладываю картинку.

    Asked by migunov88,

    0 votes
    3 answers

  20. Как заверстать блок на пол экрана?

    Как сверстать красную линию? При любом разрешении, она должна начинаться от левого края экрана, и заканчиваться относительно основной ширины в этом месте.

    Asked by yozuul,

    0 votes
    3 answers

  21. Проблемы кроссбраузерности с IE 7

    Сверстал сайт. На Chrome и Mozilla отображается нормально. А в IE 7 - плохо. Вот такая ситуация: Вот сам сайт c отображенными div-ами Как решить эту проблему?

    Asked by yaparoff,

    0 votes
    3 answers

  22. Выравнивание картинок в блоке

    Помогите разобраться! Проблема в следующем: как выровнять картинки в блоке, если у картинок разные размеры. Вот, набросала код: http://cssdeck.com/labs/kdp58wel Теперь, как их выровнять? (В инете искала не нашла, мучаюсь уже 2 дня) Картинки должны быть расположены посередине. Более того, столбцы должны быть одинаковой высоты. Размеры должны быть заданы в процентах. Спасибо.

    Asked by Fendia,

    0 votes
    3 answers

  23. Как убрать автофокус в поле ввода

    Здравствуйте! Возникла такая проблема: при подключении jQuery UI в форме первое поля ввода автоматически устанавливается в автофокус. Как это можно убрать? Пробовала создавать скрытое поле и с display:none, но ничего не помогло.

    Asked by Светлана Г.,

    0 votes
    3 answers

  24. Проблема с "липкими" элементами

    День добрый! Буду краток. Есть страница - http://test.nothink.me/index_2.html при переходе на моб. версию (уменьшаем ширину браузера), то видим, что скрипт запомнил высоту элементов с десктопной версии сайта. Нужно заставить его пересмотреть свое решение. Есть ли плагины, которые при переходе определенного разрешения, он перезагружает/вызывает плагин? Вторая проблема заключается в том, что первый аккордеон (Your order), работает криво. Прошу помощи в решении этих проблем. Спасибо! Владислав

    Asked by n0_th1nk,

    0 votes
    3 answers

  25. Реализация лотерейного билета

    Здравствуйте, возможно ли средствами html+css реализовать "стирания монеткой" какой-то области как в лотерейных билетах? или только через флеш?

    Asked by cruel09,

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