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. Ширина элементов li

    Добрый день! Имею такой список на этой странице http://teplogid18.ru/uslugi/montazh-otopleniya. Как мне сделать чтобы фон элементов li был не на всю ширину страницы а лишь до конца строчки текста?

    Asked by smirn0ff,

    0 votes
    2 answers

  2. Ширина ячеек

    Здравствуйте, меня интересует как изменить ширину ячеек в пикселях, если ширина таблицы установлена в процентах: <table border="0" cellspacing="0" cellpadding="2" width="100%"> <tr> <td align="center" colspan="2"> <p>NAME</p> </td> </tr> <tr> <td rowspan="3" width="100"> <img border="0" src="img.jpg" width="100" height="100"> </td> <td> </td> </tr> <tr> <td> </td> </tr> <tr> <td> </td> </tr> </table> страница и при этом ширина ячеек делится как 50% Прошу помощи \\

    Asked by Tairon,

    0 votes
    2 answers

  3. Ширина ячеек таблицы

    Всех приветствую! Друзья, помогите, пожалуйста, понять в чем проблема. <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>cell width</title> <style> td { border: 1px solid; } </style> </head> <body> <table> <tr> <td width=300>Cell1</td> <td width=50>Cell2</td> </tr> </table> </body></html>На выходе: Собственно, вопрос: откуда получается ширина размером в 304px, когда она задается 300px. Спасибо!

    Asked by The_Immortal,

    0 votes
    11 answers

  4. Ширина ячейки

    Добрый день. Подскажите пожалуйста как сделать так, чтобы ширина ячейки была по содержимому, но в случае, если текст сильно длинный (например 50 символов), то его надо перенести на следующую строку. До этого обходился свойством nowrap как атрибут или как значение css свойства white-space. Как бы нет проблемы выставить ширину ячейки, допустим, 250рх, но если в какой-то выборке для данной колонки будут только короткие значения, то будет некрасиво наблюдать пустое место в ячейке. Пробовал всякие комбинации с white-space, word-break, max/min-width, да что-то не получается. Задачка вообще решается? Спасибо.

    Asked by ShurikEv,

    0 votes
    4 answers

  5. Ширина ячейки в таблице с colspan

    Привет друзья. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Untitled Document</title> </head> <body topmargin="0"> <table width="100%" border="1"> <tr> <td colspan="2" nowrap> <table width="100%"><tr><td>12123 12342342342 13451345 1 1145134513412342 2342 234 234</td></tr></table></td> </tr> <tr> <td width="100">DDDD</td> <td width="100%"> </td> </tr> <tr> &lt…

    Asked by renton,

    0 votes
    3 answers

  6. Ширина ячейки со скрытыми элементами

    Есть TD, в которой присутствует картинка, ширина которой в общем случае неизвестна, и текст. Картинка скрыта (display:none). Ширина ячейки задана, и она меньше ширины скрытой картинки. При этом ячейка отображается по заданной ширине, т.е. ширина скрытой картинки игнорируется. Если картинку сделать видимой (display:block), то ширина ячейки становится равной ширине картинки, что и требуется! Собственно задача - необходимо сделать ширину ячейки со скрытой картинкой (неизвестной ширины) равной ширине этой картинки. А в общем случае - ширине любого скрытого контента в состоянии, когда он не скрыт. При этом контент внутри может быть самый разный, т.е. (если что) неизвестно у ка…

    Asked by lazybaby,

    0 votes
    16 answers

  7. Ширина(box-sizing) в Mozilla

    У меня есть один блок, во всех браузерах он отображается нормально, но в Mozilla нет. Проблема оказалась в box-sizing. Прочитав на этом сайте об этом тебе я обнаружил что начиная с Mozilla 1.0+ этот тег не воспринимается. Но что мне тогда делать? Ведь блок вылазит за свои рамки! Я пробовал -moz-box-sizing: border-box; он начинает видеть этот тег но вообще никак не реагирует на него. Как быть?

    Asked by Coshe,

    0 votes
    7 answers

  8. Ширины таблиц с данными

    Добрый день. Возникла проблема с таблицами, в которых размещаются данные. На странице несколько таблиц и хочется чтобы ширина столбцов во всех была одинаковой. НО! по непонятной мне причине они все разные. особенно в IE6, там расколбашивает как хочет табличку (я это так и заметила, тк во всех остальных браузерах было нормально, хотя значения ширины были все разными О_о) наглядно на скриншоте видно: здесь одинаковые только первые значения, а у третьей значения вообще другие, но отображается она ровно (за искл ИЕ6) а вот второй рисунок, где все значения одинаковы вроде, но теперь третья табличка кривая (хотя я сложила сумму 2х столбцев) из-за чего это может быть? и как…

    Asked by orgi,

    0 votes
    7 answers

  9. Широкий background, центрирование

    Добрый день. Делаю резиновый сайт. Намечается бэкграунд во всю ширину страницы. Как его отцентрировать грамотно??? Смотрю на широкоформатном монике - фон растянут, основной орнамент фона центрирован, а с краев, как у задумано, затемняется. Но на меньших разрешениях (1280, 1024) основной орнамент фона смещен в правой границе экрана! как можно ему указать центрирование всегда? Заранее спасибо!

    Asked by dron,

    0 votes
    6 answers

  10. Широкий сайт.

    Друзья - разработчики. Объясните мне пожалуйста причину, по которой на мониторах с небольшим разрешением сайт выглядит очень широким с возможностью прокрутки вбок? http://www.artsavina.ru

    Asked by ArgonXPrime,

    0 votes
    3 answers

  11. Широкий фон

    Всем доброго времени суток. Есть такая проблема. Есть макет шириной 1800 пикс. причем картинка цельная размножить никак(. Но надо сделать под широкие мониторы. Но не палучаетса центровать картинку. Шапку отдельно я задал через: div#cont { background: url(../main.jpg) no-repeat center; height:950px;} И она встаёт как надо. А в диве с контентом есть элементы каторыенад буит и вертикально резать. Может есть какоенить решение такого фона=) Заранее спасибо.

    Asked by foggy,

    0 votes
    8 answers

  12. Шлейф от шрифта

    Подскажите пожалстра, можно ли при помощи text-shadow (или чего угодно) сверстать такой шлейф от текста? http://joxi.ru/0KAg7bkuVnk0AlПроблема в ее градиентной прозрачности. Ну как обрезать внизу - понятно

    Asked by Vlad_P,

    0 votes
    2 answers

  13. Шов между блоками в Опере и ГХ

    <div style="float: left; width: 50%; height: 25em;">block A</div> <div style="float: right; width: 50%; height: 25em;">block B</div> В гугл хроме и опере между блоками возникает шов если их закрасить цветом. Как исправить и в чем проблема? Спасибо.

    Asked by Kenshi24,

    0 votes
    3 answers

  14. Шрифт

    Подскажите как лучше всего вставить на сайт нестандартный шрифт... Я понимаю, что тема не новая, но ничего нормального не нашёл

    Asked by Glebr,

    0 votes
    3 answers

  15. Шрифт A&S Black Swan

    Подскажите. Есть такой код - http://jsfiddle.net/...tPCz8CJv/t3KGP/ Но он почему-то не подключается, не работает в браузере. Почему? Может, синтаксис неверен? MyriadPro-Regular работает, все нормально.

    Asked by aaron,

    0 votes
    6 answers

  16. Шрифт Arial Narrow

    Дизайнер настаивает на использовании этого шрифта или чего-то подобного (с узкими символами). Этот шрифт в принципе подходит, но у него проблемы с отображением буквы "ш" - не знаю как в семерке, но на XP он слипается со следующим. Образуется двухпиксельная полоска, которая при чтении вызывает ощущение "кляксы". Предполагается использование на больших массивах текста, поэтому решения типа Cufon не подходят. Есть идея с помощью Java Script помещать "ш" в span с однопиксельным отступом справа, но это будет тормозить страницу. Есть ли решение или аналогичный шрифт?

    Asked by Gorini4,

    0 votes
    6 answers

  17. Шрифт GaramondPremrPro

    В макете дизайнер использовал шрифт GaramondPremrPro, вызываю строкой с гугла в верстке: @import url(http://fonts.googleapis.com/css?family=EB+Garamond&subset=cyrillic);На сайте выглядит так надпись одна: В макете выглядит так: Не работает вывод цифр, вроде как английского и знака №. Как это побороть, кто сталкивался? Шрифт такой GaramondPremrPro наврное конвернуть под вебфонт? Бкд признателен, если кто поделится.

    Asked by okunev2,

    0 votes
    2 answers

  18. Шрифт Helvetica не отображается в Oper'е

    Шрифт Helvetica не отображается в Oper'е, версия 9.00. В FireFox'е и InternetExplorer'е все отображается нормально, шрифт меняется, а в Oper'e - нет.

    Asked by IceBars,

    0 votes
    6 answers

  19. шрифт Ronnia Bold

    Всем привет! Помогите найти шрифт Ronnia Bold. Где можно скачать, или поделитесь

    Asked by Bava,

    0 votes
    9 answers

  20. Шрифт Tahoma

    Нужно подключать через font-face? И где его взять? все заблочено.

    Asked by Zverushka,

    0 votes
    2 answers

  21. Шрифт в firefox

    Шрифт крупнее в firefox как лечить? версия ff 32.0.2 сори увидел когда создал тему что помимо подключенного нестандартного шрифта я добавил в css font-weight: bold; поэтому другие как то не реагировали на это кроме firefox

    Asked by soltx,

    0 votes
    2 answers

  22. шрифт в IE8

    Появилась проблема, шрифт myriad pro работает во всех браузерах кроме ie8 подключен через font-face таким образом @font-face { font-family: 'MyriadProCondensed'; src: url('../fonts/myriadpro-cond.eot'); src: url('../fonts/myriadpro-cond.eot?#iefix') format('embedded-opentype'), url('../fonts/myriadpro-cond.woff') format('woff'), url('../fonts/myriadpro-cond.ttf') format('truetype'), url('../fonts/myriadpro-cond.svg#MyriadProCondensed') format('svg'); font-weight: normal; font-style: normal;}При этом если подключить другой сторонний шрифт, то он будет отображаться. В чем может быть проблема?

    Asked by swandev,

    0 votes
    3 answers

  23. Шрифт в Mozilla

    Сравнил все браузеры, в Mozilla Firefox 4 шрифт больше чем в других тестировал с font-size em и px (Arial) Всегда использовал em и везде было абсолютно одинаково, даже на пиксель нигде не смещалось ничего, кстати с px по другому, но это другая тема. Тык что же случилось с Firefox ? как исправить? p.s: у всех так?

    Asked by EDark,

    0 votes
    4 answers

  24. шрифт в Опере

    Здравствуйте, вот такая проблема у меня: подключил шрифт через GoogleFonts Api, везде работает хорошо, а в Опере нивкакую, даже в ИЕ работает? Что может помочь?

    Asked by DImas95,

    0 votes
    3 answers

  25. Шрифт выглядит по-другому

    Вот как логотип выглядит в фотошопе. А при верстке по-другому, хотя отверстал как в фотошопе: font: 43px Georgia; color: #adb3b7; Смотреть В чем проблема?

    Asked by Rustick,

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