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. "Помогите мне с ..." — Как правильно оформить вопрос/проблему

    Добрый день. Данный пост расскажет о том, как правильно оформить вопрос, что бы получить на него ответ. Пожалуйста, выдели 2 минуты своего времени и прочитай ниже изложенное до конца. Давай согласимся с тем что никто никому ничего не обязан. Задавая вопрос на форуме никого не будет интересовать выполняешь ли ты заказ, за который получишь вознаграждение, или просто верстаешь бесплатный макет, или обучаешься. Ты просишь помощи и кто-то из форумчан любезно согласится тебе помочь. Задавая вопрос понимай тот факт, что время человека, который на него ответит, с очень большой вероятностью, стоит в несколько раз (а то и в десятки раз) дороже чем твоё (в рамках специа…

    Asked by klierik,

    2 votes
    19 answers

  2. Типичные ошибки начинающего верстальщика

    Большинство запросов на рецензию верстки, в разделе Обсуждение работ, в результате имеют одни и теже ответы. Более 90% будущих разработчиков на начальном этапе допускают одни и теже ошибки. Типичные ошибки Запрещено имя класса начинать с цифры, или с дефица после которого следует цифра (пруфлинк: eng рус) Рекомендации Ниже я привожу список самых распространенных ошибок. CSS Не использовать #id для описания стилей блока. Почему-то одна из самых часто встречаемых ошибок -- это использование идентификатора вместо класса, для описания силей блока. Не надо этого делать. Давай мы с тобой определимся раз и на всегда с двумя простыми решениями…

    Asked by klierik,

    3 votes
    156 answers

  3. _blank

    Скажите как зделать чтобы картинки в опере открывались в новом окне а не в новой вкладке. Использую target="_blank" Нужно зделать как здесь -http://www.ruexp.ru/photo/section.php?SECTION_ID=149

    Asked by eniken,

    0 votes
    3 answers

  4. _height:expression

    Привет!! Что за _height:expression(document.body.clientHeight+'px'); и где его использовать?? Это растягивание на высоту родителя дочернего блока или нет?? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style type="text/css"> .za{position:relative; top:100px; left:100px; width:200px; height:400px; background:url(d.jpg) no-repeat; z-index:1} .moo{position:absolute; background-color:red; top:10px;bott…

    Asked by bot87,

    0 votes
    6 answers

  5. _moz-rs-heading и неожиданные ссылки в firefox

    Во время работы над своим проектом обнаружил, что на сайте каким-то чудом появляются подозрительные ссылки, не проставленные в исходном коде. Верный firebug показал мне этих шпионов, снаряженных атрибутом _moz-rs-heading. В согласии с правилами логики можно было ожидать, что элементы с таким префиксом характерны только для Огнелиса, как оно и оказалось. Погуглив, обнаружил статью об этом баге/этой фиче (выберите нужное в зависимости от точки зрения). http://blog.project-sierra.de/archives/1221 Вкратце, суть в том, что нужно проверить HTML-код валидатором и устранить все ошибки. Тогда Лиса полюбит вас и уберет свои дополнительные ссылки. just for fun. Может, кому-нибудь п…

    Asked by scorpio,

    0 votes
    3 answers

  6. -khtml в css, Актуален ли?

    В общем сабж. Если верить википедии "В начале 2000-х годов корпорация Apple использовала KHTML как основу для разработки движка WebKit, который включён в KDE 4.5 взамен KHTML." От сюда у меня возник вопрос, стоит ли его использовать или можно отказаться так как есть -webkit? Если вдруг кто то не понял, вот пример к чему я: -moz-border-radius: 0; -webkit-border-radius: 0; -khtml-border-radius: 0; - Нужен ли он? border-radius: 0;

    Asked by papay,

    0 votes
    2 answers

  7. -ms-filter

    Точно помню, что какая-то бета IE8 отказывалась понимать старый синтаксис фильтров (нарушающий нормы CSS), приходилось дублировать их -ms-filter:"тем же самым". Сейчас с удивлением вижу, что на моей машине IE8 прекрасно понимает и добрый старый невалидный синтаксис. Это мой IE8 глючит или его вообще тихо пофиксили и -ms-наворот теперь остался не у дел?

    Asked by SelenIT,

    0 votes
    6 answers

  8. -webkit-gradient и -webkit-linear-gradient

    Один из самых популярных генераторов CSS-градиентов генерирует, кроме прочего, такую пару свойств: background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaaaaa), color-stop(100%,#bbbbbb)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #aaaaaa 0%,#bbbbbb 100%); /* Chrome10+,Safari5.1+ */ С учетом того, что он генерирует также немало лишнего (напр. -ms-вариант, который уже не понадобится), возник вопрос: нужны ли оба этих свойства? Не достаточно ли одного первого (впридачу к беспрефиксному варианту, по новому стандарту с to)? Существуют ли webkit-браузеры, понимающие вторую нотацию, но не понимающие первую, и значимы ли они хоть скольк…

    Asked by SelenIT,

    0 votes
    23 answers

  9. -webkit-text-size-adjust -ms-text-size-adjust

    html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } гугл по этому молчит!!что это и для чего его задают?

    Asked by dostel1,

    0 votes
    9 answers

  10. -webkit-transform не работает в Chrome

    Доброй ночи. У меня проблема, сделал анимацию меню через css3, отображается везде кроме хрома и осла. Подскажите почему не происходит анимация в хроме, хотя в css она прописана -webkit-transform: translate(0,-10px); http://svetlogradstroy.ru/1/ Спасибо

    Asked by BoB,

    0 votes
    1 answer

  11. -x-...css

    Часто встречаю теги наподобии -x-system-font или -moz-... . Обьясните, если не трудно начинающему, что это ?

    Asked by sumrain,

    0 votes
    3 answers

  12. : Подскажите как сверстать такой поиск, не могу привести к кросбраузерности

    Здравствуйте! есть такой поиск, левая и правая сторона должна быть фиксированая, а сама строка поиска резиновая. Как я делал слева в фиксированую три слова, справа кнопку+чекбокс+лейбл, центральная была резиновая. Инпуту даю 100% он то растягиваеться вроде норм, но в остальных браузерах просто жесть. В фф норм, в ие6 даже норм, в ие7 и хроме не видна левая и правая сторона только центральный резиновый блок вообще не пойму почему, в опере тоже самое. Как можно сверстать его, таблицы юзать нельзя, может есть где пример был бы очень и очень благодарен. Жесть вроде все просто и нифига не выходит да и такие глюки именно в новых браузерах, фиг найдешь почему так происходит.

    Asked by voooodoo,

    0 votes
    1 answer

  13. ::after в IE8

    Юзаю в одном месте метод Easy Clearing: div.wrap:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; } overflow: hidden вместо этого не предлагать, он в той ситуации не подходит Для IE 6-7 свои дурацкие трюки нужны, IE 8 это нормально хавает. Но так как хочется идти в ногу со временем, то хочется юзать ::after. И всё бы ничего, но IE8 не знает, что это. Можно как-то угодить всем?

    Asked by Gaspode,

    0 votes
    3 answers

  14. ::selection для IE

    Нормальные браузеры поддерживают! Кроме Лисы) Для нее есть ::-moz-selection А как же другой ушастый зверь ? Как приучить осла ?

    Asked by Selen,

    0 votes
    7 answers

  15. :active в ie8

    У меня при клике на ссылку в меню с помощью псевдокласса active меняется фон меню. Во всех браузерах нормально работает, а в IE 8 фон меняется только тогда, когда клик около ссылки, а не на ней самой. Когда делаешь клик на самой ссылке, напримес "о нас", фон не меняется. Возможно поправить? Меню простое, горизонтальное, список ul. И в Опере 9й версии тоже тупит, то работает, то не работает.

    Asked by Маленьке Звірятко,

    0 votes
    1 answer

  16. :active в Opera и IE

    Всем привет. http://jsfiddle.net/VWXRq/ - почему в опере и в ie :active срабатывает только при клике непосредственно на <a> (т.е. в данном случае на бордер) ? Вылечить это вообще можно ?

    Asked by lolka84,

    0 votes
    8 answers

  17. :after для IE

    IE ни в одной из версий не поддерживает псевдокласс :after, ни :before. А можно ли как-нибудь сымитировать этот псевдокласс для IE?

    Asked by XXXVII,

    0 votes
    2 answers

  18. :after, position. Выравнивание background.

    Здравствуйте! Скачал шаблон один. Очень красивый. Но, как мы знаем, все красивые шаблоны сложные. Вот и возникают трудности. Я не понимаю ниже приведенного кода. Код относиться к поиску, который можно посмотреть на картинке(http://pbrd.co/1bQ8cbW). А точнее к картинке с лупой. Мне не очень, во-первых, понятно, что придает :after, ведь если его убрать все меняется. Также примечательно, что текст при вводе не налезает на картинку, которая в свою очередь является фоном. По всей видимости это придает как раз таки :after. И вообще не очень понятны другие правила тоже. Вроде знаю все правила, что означают, но все равно. На фон ставиться картинка sprites.png(http://pbrd.co/1bQ8i…

    Asked by Michael Myers,

    0 votes
    8 answers

  19. :before или img...или что-то другое ?!?!

    Господа, очень, очень сильно прошу вас помочь...задолбался нереально....сижу уже часов 6-7 и НИКАК НЕ МОГУ ДОГНАТЬ, КАК ЖЕ СДЕЛАТЬ ВЕРНО. Итак, имеется темплейт ресторана, в блоке меню ресторана есть определенный список позиций, который подгружает дополнительные позиции при помощи кнопки...но, там где название позиции и цена - между ними должна быть резиновая серая линия....КАК ЭТО СДЕЛАТЬ, ЧЕРТ ПОДЕРИ...пожалуйста, помогите. Ссылка на код: https://jsfiddle.net/bu45rn4c/1/ Ссылка на изображение: http://savepic.ru/7247519.jpg Посоветуйте, может нужно было вообще не через dl, а просто через div, h и p.

    Asked by ruslanpondin,

    0 votes
    5 answers

  20. :blink: Опять у меня проблема с ИЕ

    В форуме рылся но не нашёл ответа Вот http://palitra-oil.narod.ru/stoimost.html

    Asked by Palitra,

    0 votes
    6 answers

  21. :first-child не всегда работает

    Всем привет, столкнулся с проблемой что не всегда работает :first-child для блоков, к примеру есть 3 блока в диве, ферст чилд для них не пашет а ласт чилд пашет, в чем прикол?

    Asked by logicface,

    0 votes
    15 answers

  22. :first-child не срабатывает

    Здравствуйте коллеги! Неровно центрируются элементы .item тут Пытаюсь выровнять первый элемент с помощью first-child - не получается всё - нашел там h3 + item на первый эл-т работает как закрыть тему ?

    Asked by GTAlex,

    0 votes
    2 answers

  23. :focus для <a>

    К элементам, которые могут получить фокус (<a>, <input>, <select> и <textarea>) решил проверить с ссЫлкой смотрю в хроме <html> <body> <style type="text/css"> a:focus{ background:red; border:1px solid blue; } </style> <a href="#">oncz</a> </body> </html> цвет ссылки меняется при щелчке на красный на секунду а нужен фон

    Asked by bot87,

    0 votes
    5 answers

  24. :focus проблемы браузеров

    Проблема следующая. Нет фокусировки на объект в следующих случаях для Chrom Фокус не возможно установить мышкой. Только горячей клавишей в сл. случаях. button:focus и Input:focus В случае <input type="button"> в IE все нормально для IE вышеуказанные примеры работают, но нет фокуса в случае a:focus Вернее он есть но на долю секунды. Потом слетает. Вопрос: Можно ли заставить хром на кнопках фокусироваться или в IE продлить время фокусировки? Хочется сделать без скриптов. Замучилась уже. Пример <!DOCTYPE html > <html> <head> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> <style> p { opacity…

    Asked by Vika,

    0 votes
    0 answers

  25. :hover

    Здесь написано http://htmlbook.ru/css/hover ,что В браузере Internet Explorer до версии 6.0 включительно псевдокласс :hover работает только для ссылок.А мне надо hover для label.ПОдскажите как можно решить проблему.? Только ли через JavaScript ?

    Asked by new01,

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