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. Tabs & input

    Собственно вопрос: "Как разместить один и тот же input на нескольких табах?" Например: заполняю один input на одном tab, а он автоматом заполняется на всех других tabs.

    Asked by ulyanovsk,

    0 votes
    8 answers

  2. tabs в owl-carousel 2

    Подскажите пожалуйста. Проблема в том что в owl-carousel 2 не работают табы. Задача состоится в том что нужно сверстать слайдер, в слайдере сверстать табы. табы сами по себе рабочие, если вынести разметку(табов) за пределы слайдера то все работает, но если в слайдере табы перестают работать ? мб сталкивался кто то с такой проблемой ?

    Asked by olegN,

    0 votes
    7 answers

  3. Tag data в зависимости от ширины экрана

    День добрый! Применение этого слайдера http://codepen.io/462960/pen/yyKrWP на разных экранах требует выведение различного количества слайдов. Их количество регулируется " data-cycle-carousel-visible=7" в теге .cycle-slideshow Предложите пожалуйста решение этой задачи. Т есть, значение " data-cycle-carousel-visible=7" для каждого @media устанавливается разное.

    Asked by seemax,

    0 votes
    3 answers

  4. Tahoma utf-8

    Привет, при верстке макета столкнулся с проблемой: шрифт Tahoma выглядит по разному в ff и ie6 при кодировке utf-8 . Пример: <!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>Untitled Document</title> </head> <style type="text/css"> p { font-family: tahoma; font-size: 12px; } span { font-family: tahoma; font-size: 12px; font-weight: bold; } </style> <body> <p>Мир развлечений</p> <span>Мир…

    Asked by konyukhov,

    0 votes
    4 answers

  5. Target="_blank"

    Во всех браузерах Target="_blank" открывается на новой вкладке, а у IE в новом окне, можно его как-нибудь уговорить открываться тоже в новой вкладке?

    Asked by Анна,

    0 votes
    8 answers

  6. target="_blank" или чем его заменить?

    Пройдясь по форуму, я заметил, что им крайне не рекомендуют пользоваться... Вопрос: почему? И чем можно заменить?

    Asked by Titan,

    0 votes
    18 answers

  7. tbody scroll fix IE7, FF

    в опере, хроме и IE8 все отлично опера в FireFox в IE7 вооще кошмар тут исходники css, html http://jsfiddle.net/kvJb9/ помогите с ie7 ff или посоветуйте как c div-вами сделать верх, низ не статичная высота высота середины должна занимать остальное пространство и скроллиться желательно средствами css

    Asked by medin84,

    0 votes
    0 answers

  8. td + overflow

    Приветствую. Подскажите как сделать, чтоб контент в одной определенной ячейке не растягивал е?, а просто пропадал за ее границами? естественно td {overflow: hidden;} неработает, может будут альтернативы? зы: перепробовал кучу способов, пока что ничего не получилось (( tnx

    Asked by klierik,

    0 votes
    14 answers

  9. td height IE

    Не получается сделать высоту первой ячейки ни через атрибут, ни через стиль IE не слушает. Все вроде правильно отверстано! Где косяк? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>-=title=-</title> <style type="text/css"> <!-- * { margin: 0; padding: 0; border: 0; } html, body { height: 100%; } body { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#191919; } --> </style> </head> <body> <table border="0" cellspacing="0" cellpadding="0" wid…

    Asked by yadfewm,

    0 votes
    9 answers

  10. TD height в IE

    Незнаю, может я уже что-то не то сделал (хотя вроде ничего такого не заметил), но смысл заключается в том, что есть таблица в высоту 100% из 3 строк, в верхней и нижней указано значение в пикселях, а центральная - высота не указана, следовательно, должна занать все остальное пространство (что опера, файрфокс, хром и сафарик успешно делают), а ие - растягивает все строки чтобы они равное пространство заняли Скрин: Собственно код: http://86.110.182.2

    Asked by xXDeMoNXx,

    0 votes
    25 answers

  11. td берет 100% высоты всего окна

    В таблице из средняя ее строка должна съедать все ее свободное пространство. из ниже приведенного кода, в фф она съедает его вполне правильно. заполняя собой все свободное пространство и не раздуваясь за пределы окна, а в ие и опере она берет высоту 100% окна в целом, а не просто раздувается на все доступное ей пространство. как ее заставить во всех бразуерах вести себя аналогично фф. <!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 content="text/html; charset=utf-8" http-equiv="Content-Type" /> <style> html, bod…

    Asked by oibeer,

    0 votes
    1 answer

  12. td расширяется

    В большистве браузеров отображается корректно, даже в IE7 a v IE8 td расширяется и по этому фото сдвигается. Подскажите п-ста как можно исправить? Ссылка на галерею

    Asked by Pumych,

    0 votes
    2 answers

  13. Td>img = 3px

    не бейте, если этот вопрос звучал (а он вроде звучал), но не нашел ответа. в IE у картинки появляется отступ в 3px снизу, когда оная находится в TD. помогите ссылкой или хаком

    Asked by Nird,

    0 votes
    16 answers

  14. Templates

    Появился вопрос главная страница, тоесть index создаётся тоже на основе шаблона? Есть ли какие-нибудь ещё способы, чтобы не изменять на каждой страничке код, а сделать так как при помощи templates? Тоесть заменяя код на одной странице, он будет менятся и на тех, которые были созданы на основе определённого шаблона...

    Asked by mrBulka,

    0 votes
    1 answer

  15. Test tools

    Прошу поделиться опытом применения тестирующих программ и ресурсов. Возможно, кто то из экспертов решал задачу анслиза и отбора таких инструментов. Попался недавно на глаза https://applitools.com/Зарегился, прогнал один из своих проектов, получил скриншот мобильного для того браузера в котором открыто окно. Потестить, погонять, наловчится надо отдать 100долл, т как позволяет только один проект в месяц... Если б меня спросили, must have BrowserSync, который позволяет синхронно играться на разных устройствах и разных браузерах, что гораздо динамичнее и удобнее вышеупомянутого инструмента. Пожалуйста, какие есть соображения по инструментам, исходя из личного опыта.

    Asked by seemax,

    0 votes
    0 answers

  16. Text field + эмулировать работу свойств div`а

    Кто-то сталкивался с ситуацией когда требуется что бы <input type="text" /> занимал всю допустимую ширину строки (в общем как обычный div) ? Этого можно как-то добиться?

    Asked by klierik,

    0 votes
    24 answers

  17. text-align в IE<9

    Такая трабла: IE младше 9-ой версии неправильно выравнивают inline-block элементы. <div class="parent"> <div class="this-is-inline-block"></div> <div class="this-is-inline-block"></div> <div class="this-is-inline-block"></div> </div> Задав блоку с классом "parent" свойство text-align: center, а дочерним элементам свойство inline-block, нормальные браузеры располагают инлайн-блоки ровно по центру, но не IE<9. Как справиться с этим? Гуглил, но тамошние приемы мне не помогли, или я просто делал что-то не так.

    Asked by SuperJerk,

    0 votes
    4 answers

  18. text-align внутри блока

    Добрый день! Есть у меня блок .block{height:; width:; border:; padding:; float:; margin-right:;} Для этого блока хочу добавить заголовок. .new{text-align:center;} И уже в коде html <div class="block"><span class="new">Some text</span> </div> Но не получается, текст не выравнивается по центру. Почему?

    Asked by Ester,

    0 votes
    4 answers

  19. Text-align-last

    Здравствуйте. Во первых спасибо Максиму за прекрасную статью про равномерное выравнивание инлайн блоков по горизонтали. Пользуюсь регулярно и мне стыдно что пока не перешел на флексбоксы:-) Проблема возникла около месяца назад при обновлении браузеров. Если стоит text-align-last для ul, то все что есть внутри тоже ровняются последней строкой justify. Теперь приходится указывать для внутренних элементов text-align-last чтобы контент нормально показывал. Раньше обходились только с указыванием text-align для li, теперь не катит такое. Вопрос, отныне так и должно быть? Что произошло с браузерами, они были или стали умнее?:-)

    Asked by Нарек,

    0 votes
    1 answer

  20. text-align: justify

    Необходимо выровнять текст (описание) на всю ширину блока: Как это сделать? text-align:justify - не помогает http://codepen.io/anon/pen/EVopLg

    Asked by yaparoff,

    0 votes
    2 answers

  21. text-align: justify ie

    Подскажите почему столбцы в .g-main-content не выравниваются по ширине и так ужасно отображается сам контейнер(дело происходит в IE). А в Chrome/Opera справа от .b-slider-controls появляется отступ в 1px. Ссылка.

    Asked by leshiple,

    0 votes
    2 answers

  22. text-align: justify;

    грубо говоря ситуация такая <div style="text-align: justify; font-size:11px; width:250px;"> <p>Текста на 100 символов. Строк 10-11.</p> </div> Что и следовало ожидать текст выравнивается по левому и правому краям блока. Но расстояние между словами ужасное. Можно ли как-нибудь бороться с этим делом?

    Asked by penchukov,

    0 votes
    12 answers

  23. text-decoration

    Возможно ли при применению к тескту text-decoration: underline; менять толщину, ширину и цвет линии подчеркивания в отличии от самого текста

    Asked by sc@r@bey,

    0 votes
    9 answers

  24. text-decoration

    Здравствуйте, Подскажите, пожалуйста как поменять цвет подчеркивания ссылкам?

    Asked by stan07,

    0 votes
    3 answers

  25. text-decoration для текстовых ссылок но не для изображений внутри ссылок

    Здравствуйте, подскажите пожалуйста, можно ли как-нибудь средствами CSS сделать чтобы подчеркивались текстовые ссылки внутри стиля, а если ссылкой является изображение, то text-decoration:none. Например: //надо чтобы подчеркивалось <a href="http://site.com">site link</a> // НЕ надо чтобы подчеркивалось <a href="http://site.com"><img src="http://site.com/logo.jpg"/></a> псевдокласс имеет такой вид: .content b a { color:#383838; font-weight:400; text-decoration:underline; } кстати что тут значит буква "b" ? Заранее спасибо за ваши ответы!

    Asked by Mihail_,

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