HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29,542 questions in this forum
-
Ширина элементов li
Добрый день! Имею такой список на этой странице http://teplogid18.ru/uslugi/montazh-otopleniya. Как мне сделать чтобы фон элементов li был не на всю ширину страницы а лишь до конца строчки текста?
0 votes2 answers -
Ширина ячеек
Здравствуйте, меня интересует как изменить ширину ячеек в пикселях, если ширина таблицы установлена в процентах: <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% Прошу помощи \\
0 votes2 answers -
Ширина ячеек таблицы
Всех приветствую! Друзья, помогите, пожалуйста, понять в чем проблема. <!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. Спасибо!
0 votes11 answers -
Ширина ячейки
Добрый день. Подскажите пожалуйста как сделать так, чтобы ширина ячейки была по содержимому, но в случае, если текст сильно длинный (например 50 символов), то его надо перенести на следующую строку. До этого обходился свойством nowrap как атрибут или как значение css свойства white-space. Как бы нет проблемы выставить ширину ячейки, допустим, 250рх, но если в какой-то выборке для данной колонки будут только короткие значения, то будет некрасиво наблюдать пустое место в ячейке. Пробовал всякие комбинации с white-space, word-break, max/min-width, да что-то не получается. Задачка вообще решается? Спасибо.
0 votes4 answers -
Ширина ячейки в таблице с 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> <…
0 votes3 answers -
Ширина ячейки со скрытыми элементами
Есть TD, в которой присутствует картинка, ширина которой в общем случае неизвестна, и текст. Картинка скрыта (display:none). Ширина ячейки задана, и она меньше ширины скрытой картинки. При этом ячейка отображается по заданной ширине, т.е. ширина скрытой картинки игнорируется. Если картинку сделать видимой (display:block), то ширина ячейки становится равной ширине картинки, что и требуется! Собственно задача - необходимо сделать ширину ячейки со скрытой картинкой (неизвестной ширины) равной ширине этой картинки. А в общем случае - ширине любого скрытого контента в состоянии, когда он не скрыт. При этом контент внутри может быть самый разный, т.е. (если что) неизвестно у ка…
0 votes16 answers -
Ширина(box-sizing) в Mozilla
У меня есть один блок, во всех браузерах он отображается нормально, но в Mozilla нет. Проблема оказалась в box-sizing. Прочитав на этом сайте об этом тебе я обнаружил что начиная с Mozilla 1.0+ этот тег не воспринимается. Но что мне тогда делать? Ведь блок вылазит за свои рамки! Я пробовал -moz-box-sizing: border-box; он начинает видеть этот тег но вообще никак не реагирует на него. Как быть?
0 votes7 answers -
Ширины таблиц с данными
Добрый день. Возникла проблема с таблицами, в которых размещаются данные. На странице несколько таблиц и хочется чтобы ширина столбцов во всех была одинаковой. НО! по непонятной мне причине они все разные. особенно в IE6, там расколбашивает как хочет табличку (я это так и заметила, тк во всех остальных браузерах было нормально, хотя значения ширины были все разными О_о) наглядно на скриншоте видно: здесь одинаковые только первые значения, а у третьей значения вообще другие, но отображается она ровно (за искл ИЕ6) а вот второй рисунок, где все значения одинаковы вроде, но теперь третья табличка кривая (хотя я сложила сумму 2х столбцев) из-за чего это может быть? и как…
0 votes7 answers -
Широкий background, центрирование
Добрый день. Делаю резиновый сайт. Намечается бэкграунд во всю ширину страницы. Как его отцентрировать грамотно??? Смотрю на широкоформатном монике - фон растянут, основной орнамент фона центрирован, а с краев, как у задумано, затемняется. Но на меньших разрешениях (1280, 1024) основной орнамент фона смещен в правой границе экрана! как можно ему указать центрирование всегда? Заранее спасибо!
0 votes6 answers -
Широкий сайт.
Друзья - разработчики. Объясните мне пожалуйста причину, по которой на мониторах с небольшим разрешением сайт выглядит очень широким с возможностью прокрутки вбок? http://www.artsavina.ru
0 votes3 answers -
Широкий фон
Всем доброго времени суток. Есть такая проблема. Есть макет шириной 1800 пикс. причем картинка цельная размножить никак(. Но надо сделать под широкие мониторы. Но не палучаетса центровать картинку. Шапку отдельно я задал через: div#cont { background: url(../main.jpg) no-repeat center; height:950px;} И она встаёт как надо. А в диве с контентом есть элементы каторыенад буит и вертикально резать. Может есть какоенить решение такого фона=) Заранее спасибо.
0 votes8 answers -
Шлейф от шрифта
Подскажите пожалстра, можно ли при помощи text-shadow (или чего угодно) сверстать такой шлейф от текста? http://joxi.ru/0KAg7bkuVnk0AlПроблема в ее градиентной прозрачности. Ну как обрезать внизу - понятно
0 votes2 answers -
Шов между блоками в Опере и ГХ
<div style="float: left; width: 50%; height: 25em;">block A</div> <div style="float: right; width: 50%; height: 25em;">block B</div> В гугл хроме и опере между блоками возникает шов если их закрасить цветом. Как исправить и в чем проблема? Спасибо.
0 votes3 answers -
Шрифт
Подскажите как лучше всего вставить на сайт нестандартный шрифт... Я понимаю, что тема не новая, но ничего нормального не нашёл
0 votes3 answers -
Шрифт A&S Black Swan
Подскажите. Есть такой код - http://jsfiddle.net/...tPCz8CJv/t3KGP/ Но он почему-то не подключается, не работает в браузере. Почему? Может, синтаксис неверен? MyriadPro-Regular работает, все нормально.
0 votes6 answers -
Шрифт Arial Narrow
Дизайнер настаивает на использовании этого шрифта или чего-то подобного (с узкими символами). Этот шрифт в принципе подходит, но у него проблемы с отображением буквы "ш" - не знаю как в семерке, но на XP он слипается со следующим. Образуется двухпиксельная полоска, которая при чтении вызывает ощущение "кляксы". Предполагается использование на больших массивах текста, поэтому решения типа Cufon не подходят. Есть идея с помощью Java Script помещать "ш" в span с однопиксельным отступом справа, но это будет тормозить страницу. Есть ли решение или аналогичный шрифт?
0 votes6 answers -
Шрифт GaramondPremrPro
В макете дизайнер использовал шрифт GaramondPremrPro, вызываю строкой с гугла в верстке: @import url(http://fonts.googleapis.com/css?family=EB+Garamond&subset=cyrillic);На сайте выглядит так надпись одна: В макете выглядит так: Не работает вывод цифр, вроде как английского и знака №. Как это побороть, кто сталкивался? Шрифт такой GaramondPremrPro наврное конвернуть под вебфонт? Бкд признателен, если кто поделится.
0 votes2 answers -
Шрифт Helvetica не отображается в Oper'е
Шрифт Helvetica не отображается в Oper'е, версия 9.00. В FireFox'е и InternetExplorer'е все отображается нормально, шрифт меняется, а в Oper'e - нет.
0 votes6 answers -
шрифт Ronnia Bold
Всем привет! Помогите найти шрифт Ronnia Bold. Где можно скачать, или поделитесь
0 votes9 answers -
Шрифт Tahoma
Нужно подключать через font-face? И где его взять? все заблочено.
0 votes2 answers -
Шрифт в firefox
Шрифт крупнее в firefox как лечить? версия ff 32.0.2 сори увидел когда создал тему что помимо подключенного нестандартного шрифта я добавил в css font-weight: bold; поэтому другие как то не реагировали на это кроме firefox
0 votes2 answers -
шрифт в 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;}При этом если подключить другой сторонний шрифт, то он будет отображаться. В чем может быть проблема?
0 votes3 answers -
Шрифт в Mozilla
Сравнил все браузеры, в Mozilla Firefox 4 шрифт больше чем в других тестировал с font-size em и px (Arial) Всегда использовал em и везде было абсолютно одинаково, даже на пиксель нигде не смещалось ничего, кстати с px по другому, но это другая тема. Тык что же случилось с Firefox ? как исправить? p.s: у всех так?
0 votes4 answers -
шрифт в Опере
Здравствуйте, вот такая проблема у меня: подключил шрифт через GoogleFonts Api, везде работает хорошо, а в Опере нивкакую, даже в ИЕ работает? Что может помочь?
0 votes3 answers -
Шрифт выглядит по-другому
Вот как логотип выглядит в фотошопе. А при верстке по-другому, хотя отверстал как в фотошопе: font: 43px Georgia; color: #adb3b7; Смотреть В чем проблема?
0 votes6 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок 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 } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-