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
-
line-height в IE
http://www.marreti.ru Слева в навигации в ксс указано line-height:25px; В мозиле всё отображается корректно. Эксплорер и опера игнорирует этот интервал. Как сделать чтобы IE воспринял эту строку?
0 votes1 answer -
line-height в IE, FF, Opera-e
не подскажите где б можно было отыскать инфрормацию или сами может прокоментируете интерпретацию высоты строк в этих браузерах. Так как на практике убедился что все они по разному интерпретируют. Постоянно стыкаюсь с тем что в ФФ при задании в какойто строчки высоты строки ниже какой-то допустимой все что внизу лезет на 1px.
0 votes4 answers -
line-height в inline и inline-block
Почему line-height на высоту inline элемента не влияет, а на inline-block влияет ? Например изначально, при дефолтном размере шрифта в 16px, высота строки в хроме показывает 18.18px. И если применим line-height: 1; - то высота не изменится. А если мы превратим строчный элемент в inline-block, тогда высота уменьшается до 15.45px - и тогда высота строки равняется почти размеру шрифта. Хотя line-height: 1 это множитель шрифта, по идеи в моем понимание высота должна равняться 16px, а не 15.45. Эти значения получены у не стандартного шрифта... Но это сути не меняет. Небольшая заготовка - https://codepen.io/anon/pen/Qxpgoe. Правда там у строчного элемента и…
0 votes2 answers -
line-height в разных ОС и браузерах
Возникла такая проблема, виновник опять сафари (мак). Есть подключаемый через font face шрифт. На браузерах ОС windows все работает прекрасно.. А вот сафари уменьшает line-height на много, что собственно влияет на отступы текста.. Кто то сталкивался с такой проблемой? На stack overflow есть 2 подобные темы, ни в одном ответа нет..
0 votes6 answers -
Line-height для Textarea в Opera..
Добрый день! У меня такой вопрос: Можно ли как то кроссбраузерно повлиять на line-height для Textarea в Опере? Также хотелось бы понять - возможно ли как то задать перенос строки для вышеупомянутого случая? (Страница находиться здесь: http://yamaradg.narod2.ru/history/Forma/index.html Скриншот с описанием можно увидеть по следующему адресу: http://yamaradg.narod2.ru/history/forma.jpg ) В дополнение ко всему столкнулься с трудностями в инпутах: в Сафари и Хроме!? Проблема связана всё с тем же line-height!? В остальных браузерах всё в норме... P.S.Заранее Всем очень признателен за помощь...
0 votes0 answers -
line-height меньше 100%
Скажите пожалуйста, как сделать расстояние между строчками меньше 100%. Пробовал указывать его и в процентах и в px - не помогает.
0 votes2 answers -
line-height одинаков в css, а визуально нет
Заметил интересную особенность: при подобном задании стилей. Просмотреть результат можно по адресу http://tri4.ax3.net/test.html Там видно что текст который ниже налеплен. Как это можно объяснить? Как исправить я вроде знаю для внутреннего блока задать line-height: 180%; и все. Но вот вопрос почему так.? <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Заголовок</title> <style type="text/css"> body {font-size:24px;} div.cornered .inner { color:#33424A; font-size:0.7em; line-height:120%; } #content_text { color:#33424A; font-size:0.75em; line-height:120%; } div.cornered .inn…
0 votes2 answers -
line-height по всей видимости как то добавился в Opera
Люди добрые, не подскажите почему так вышло, что в Opera странно начали отображаться ссылки, такое ощущение, что в Opera, добавился line-height. Не подскажите ли Вы в чем проблема? Заранее большое спасибо. Ссылка на сайт: http://social-it.ru/ Скриншот: http://s007.radikal.ru/i302/1012/1c/4371085eaa5d.jpg
0 votes3 answers -
line-height: 1,5; у <small> при DTD XHTML Mobile 1.0
Как с этим бороться? Большие значения - ставятся, а меньше 1,5 - игнорируются.
0 votes4 answers -
Linear gradient обрезается
Здравствуйте! Возникла проблема к которой я не могу найти решения. Если делать верстку с прижатым футером и линейным градиентом для body, то он обрезается если контент выходит за видимую часть страницы. Т.е как только для html добавляем height: 100%, градиент обрезается. Если не задавать то не обрезается, но и прижать футер уже невозможно никаким способом из моего опыта. Кто-нибудь сталкивался с данной проблемкой?
0 votes9 answers -
linear-gradient по нижнему краю для body
Доброго времени суток Можно ли прикрепить сss градиент внизу. (как при использовании background-position: 0 100%)/ Вариант с background-attachment: fixed не подходит. Градиент больше высоты подвала и тянется на всю ширину. Сейчас использую 'base64 jpg'+background-position для body. Можно ли как-то иначе? Заранее спасибо. PS Поиск выдает ошибку...
0 votes2 answers -
linear-gradient при transform
Приветствую всех. Есть заголовок который с двух сторон обрамляется линиями. Линии сделаны с помощью linear-gradient. При трансформации блока (transform: skewX(10deg)) линия становиться ступенчатой. Я подозреваю, что проблема кроется в отрисовке linear-gradient в браузере, но четкого понимания почему так происходит у меня нет. Как бы вы реализовали данный блок и почему? ссылка на codepen для более наглядной иллюстрации проблемы. зарание спасибо!
1 vote2 answers -
LINK - не показывается иконка
У меня ч?-т иконка не показывается( - правильно ведь? И сама иконка 16х16... В ч?м может быть подвох?
0 votes5 answers -
link вместо XHR
Можно ли использовать тег link вместо XMLHttpRequest? И если да, то как? И вообще, какие возможности у тега link, кроме как встраивание стилей, каналов и поисковиков?
0 votes6 answers -
list-style не наследуется
А тут пишут, что наследуется... http://htmlbook.ru/css/list-style Тут вообще маркеров нету по умолчанию http://jsfiddle.net/jKedb/ С ума сойти, ну... Ладно, прописываю у себя в боди list-style: none; <ul id="ololosh"> <li>1</li> <li> <ul> <li>111</li> <li>222</li> </ul> </li> <li>3</li> </ul> Маркеры есть для обоих списков!!! Прописываю #ololosh { list-style: none; } Для внешнего <ul> они пропали, а для внутреннего остались. Получается, не наследуется он...
0 votes5 answers -
List-style-image
Люди, откройте мне глаза.СИжу уже пол часа не пойму в чем проблема. Вот сверстал меню,но там не отображаются слева от пунктов маркеры сделаны через list-style-image. Отображается только а ФФ.
0 votes1 answer -
list-style-image и Internet Explorer 6
Всем здрасти! Заметил только что одну штуку, подумал может будет кому полезна. В IE 6 для того чтобы заработало свойство стилей list-style-image достаточно задать для списка атрибут line-height. Как только он появится, начнут отображаться и маркеры. ЗЫ Что кто думает по этому поводу?
0 votes1 answer -
list-style-image те отображается
Господа подскажите пожалуйста,почему в моем случае не отражается list-style-image?Даже обычный list-style не отображается.В чем проблема? Верхний правый список из 2х элементов. http://cssdesk.com/EGQUa
0 votes5 answers -
list-style-position не работает
Всем доброго времени суток. Возникла у меня одна неприятная проблема. Захотел я маркеры списков заменить на иконки. В Icomoon сделал себе шрифт и все подключил. И тут то я столкнулся с проблемой. list-style-position работает как inside и когда я хочу чтобы он работал как outside ничего не происходит. Где же мой прокол ? <ul class="structure"> <li class="icon-page">Одна страница, логотип и заголовок</li> <li class="icon-image">Картинка и описание предложения</li> <li class="icon-in-form">Форма для заполнения информации</li> <li class="icon-send">Кнопка отправки и отзывы клиентов</li> <li class="icon-ou…
0 votes5 answers -
list-style-type - возможно ли изменять диаметр?
Возможно ли как то прописать размер маркера? А то по-умолчанию они такие большие и неказистые
0 votes8 answers -
Lite CSS reset
Сейчас использую такой ресет, тк без него сверху появляется не желательный отступ. * { margin: 0; padding: 0; } Пробовал такой ресет, не помогает. html, body { margin: 0; padding: 0; } Посоветуйте как сбросить стили, но без лишней не нужной работы, которую дает звездочка.
0 votes2 answers -
logo поверх флешки
Необходимо разиестить gif-изображение поверх флешки в шапке сайта. HTML <div id="header"> <!--Flash--> <div id="flash"> <script type="text/javascript"> AC_FL_RunContent( 'codebase','http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,28,0','width','1000','height','293','src','img/header','quality','high','pluginspage','http://www.adobe.com/shockwave/download/download.cgi?P1_Prod_Version=ShockwaveFlash','movie','img/header' ); //end AC code </script><noscript> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash…
0 votes0 answers -
mail письмо, не отображается так как надо [HELP]
Помогите сверстать письмо что бы в gmail нормально отображалось... Вот заготовка: http://jsfiddle.net/SDHjn/embedded/result/ Делаю ctrl+A копирую и вставляю в письмо а оно криво отображается..(( Помогите кто разбирается, там нужно в середине где пустота:текст еще А снизу на футер тоже текст... за верстку не ругайте я в этом ноль) но сделал что бы в браузере отображалось более менее сам
0 votes3 answers -
mail();
воспользовалась стандартной функцией mail(); но проверка показала, что письма доходят не на все ящики. нормально без проблем доходят на tut.by, yandex.ru и rambler.ru; на gmail.com и yahoo.com письма приходят в виде спама; на mail.ru(а так же все его образующие, такие как list.ru и тд) вообще ничего не приходит. так в чем проблема? письма банят сами почтовые порталы? или может на серваке стоят какие-то ограничения? и что сделать, чтобы все нормально функционировало? и вот еще: <? if (mail("bla-bla-bla@yandex.ru", "topic", "bla-bla-bla", "bla-bla-bla@mail.ru")) echo "the letter has been sent"; ?> в графе "от кого" должно ведь появляться bla-bla-bla@mail.ru, наскольк…
0 votes10 answers -
Mailto не заполняет формы
Есть такой код, который находится внутри php: <form action='mailto:admin@site.com?subject=Просьба%20разблокировать%20IP&body=Логин на сайте:' enctype='text/plain'> <input type='submit' value='Отправить просьбу'> в Opera работает (в ней включен обработчик mail.ru), но... Открывается окно с новым сообщением и заполненными полями, но после полной загрузки страницы, она обновляется и все заполненные поля становятся пустыми. в Firefox заполняется только адрес E-Mail (тоже включен обработчик mail.ru). в IE 9 открывается какое-то окно с классом MozillaWindowClass (хотя по-умолчанию назначен Thunderbird) и предлагает создать учётную запись для "Блоги и ленты ново…
0 votes7 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-