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
-
border-bottom
Как сделать border-bottom на всю ширину div блока ?
0 votes7 answers -
border-bottom dashed
Добрый день http://jsfiddle.net/5BCwW/4/ Необходимо сделать подчеркивание. Сейчас подчеркнут весь блок, а нужно только текст. Пока вижу вариант с background, но хотелось бы более гибкий вариант. Спасибо
0 votes6 answers -
border-bottom и padding
Всем привет! Сегодня столкнулся с проблемой небольшой, а именно отображение border-bottom. На прикрепленной картинке видно, что линия идет ЗА пунктами меню, а не под ними. В чем может быть дело? (если убрать padding 3px 10px у ссылок), то всё хорошо.. но мне нужно с padding. Интересно, что в IE8 бордюр отображается ровно под меню, а в хроме все время позади.. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link href="css/main.css" rel="stylesheet" type="text/css" /> <t…
0 votes3 answers -
border-bottom как расположить рамку внутри?
Как заставить рамку снизу изменить свое расположение, например сделать ее внутри элемента. Пробовал outline-offset очень хорошо работает, но из-за того что свойство outline позволяет использовать все 4 стороны рамки, это не очень удобно, возможно существует способ отключения outline 3 сторон рамки? Или есть какой другой способ?
0 votes3 answers -
border-bottom на ширину текста
Добрый день участники форума, прошу помочь мне решить проблему. К заголовкам в блоках поставил border-bottom, хочется получить чтоб dotted под заголовком был не на всю ширину блока, а на ширину текста, пробывал задавать значения ширины заголовка, но тогда не корректно отображается в браузерах, где-то отображается хорошо, но в опере почему то текст не съезжает в низ. Может есть какой нибудь другой выход из сложившейся ситуации?
0 votes4 answers -
border-collapse; hover
Только начинаю изучать основы создания сайта, поэтому основной задачей для себя считаю изначально разобраться в логике, синтаксисе (если я правильно употребляю этот термин в данном контексте), а творческие амбиции храню на потом. В связи этим у меня и вопрос. Черпая в очередной раз полезную информации с этого замечательного сайта, наткнулся на стилевое свойство - border callpse и его значение - callpse, что могло послужить замечательным решением одной, недавно возникшей проблемы. Быстро сворганил меню(рис1): - рис.1 - рис.2 - рис.3 но при наведении на второе(рис.3) и последующие разделы меню, цвет меняет только правая часть рамки, а по логике должна и левая меняться к…
0 votes1 answer -
border-color в опере?
в опере никак не получается задать цвет рамки таблицы (( в FF и IE всё ок. белые, а в опере почему-то чёрные <table frame="void" rules="all" bordercolor="#FFFFFF" cellspacing="0" cellpadding="0"> <tr > <td id="t1"></td> <td id="t12"></td> <td id="t2"></td> </tr> <tr > <td id="t14"></td> <td id="t22">&…
0 votes24 answers -
border-color: transparent
Ну вот, теперь и у меня возникли вопросы! Подскажите как сделать border-color: transparent для ie6!? метод с фильтром border-color: #000000; filter:progid:DXImageTransform.Microsoft.Chroma(color=#000000) не подходит, появляются лишние цвета на самом тексте.
0 votes6 answers -
Border-image
Всем привет. Как правильно задать для рамок картинку. Код пишу так div { width: 897px; height: auto; position: relative; margin: 20px auto; padding: 0; z-index: 0; border-image: url('ramka.jpg'); } и не работает Заранее большой спасиб.
0 votes5 answers -
border-image
Здравствуйте Уважаемые форумчане. Возникла проблема с border- image Необходимо сделать div который будет со всех сторон окружен картинкой. Использую такой код -moz-border-image: url(border-image-bottom.gif) 30 round round; -webkit-border-image: url(border-image-bottom.gif) 30 round round; -o-border-image: url(border-image-bottom.gif) 30 round round; border-image: url(border-image-bottom.gif) 30 round round; Вроде все хорошо, но с левой и с правой стороны ничего не отображается, как это можно исправить? Ссылка на пример http://jsfiddle.net/Q4xDQ/
0 votes8 answers -
border-image
Здравствуйте. подскажите что здесь использовать border-image или еще что-то? http://jsfiddle.net/dBDtN/ вот пример. вопрос: почему border-image не вокруг всего блока, а только сверху и снизу?
0 votes6 answers -
border-image
Здравствуйте. Подскажите пожалуйста новичку, как вставить border-image только с правой стороны?
0 votes2 answers -
Border-image
Ребят здравствуйте подскажите почему не работает код нужно сделать бордер картинкой только с одной стороны border-image: url("../img/brimg.png"); border-top:0; border-left: 0; border-bottom: 0; или подскажите как сделать такие разделители при условии что ховер должен быть таким как вариант я использовал бордер но он заполняет всю сторону блока,
0 votes2 answers -
border-image для IE
Добрй день. Есть такое замечательное css свойство http://htmlbook.ru/css/border-image, может есть какой-то аналог в IE через какой-нибудь фильтр?
0 votes4 answers -
border-left: background-image
нужно сделать бордер с фоновой картинкой как? на ксс
0 votes3 answers -
border-radius
У меня на сайте в дизайне много закруглений, выполненных с помощью вставленных картинок. Стоит ли мне заменить всю эту массу изображений свойством CSS "border-radius" или пока ещё время? Все последние версии популярных брандеров так или иначе могут понимать это свойство(на IE6 я какал с высокой горы), значит грех его не использовать.
0 votes2 answers -
border-radius
Собственно нужно сделать закругленные углы и тени, чтоб нормально отображалось в ие 6-8 перепробывал уже все что можно, ничего не хочет работать, мб тут кто подскажет что-нибудь, а то это реально полный провал. слева как должно быть, справа как отображается в ие http://itmages.ru/image/view/381524/f5677160
0 votes9 answers -
border-radius в ie
Как заставить работать параметр css border-radius в internet explorer?
0 votes12 answers -
border-radius в IE 7-8
Сабж. Какой-нибудь проверенный способ есть? А то в инете их чего-то много подозрительно. Пробовал парочку несколько месяцев назад, тогда так и не добился адекватной работы. Вот и щас не хочется об стенку биться.
0 votes12 answers -
border-radius внутренней границы - никак не регулируется?
border-radius внутренней границы - никак не регулируется? То есть, если мы делаем border-bottom - то очень часто внутренний уголок или имеет меньший радиус или съедается и становится прямоуольным. есть какой-то способ регулировать внутренний угол через css?
0 votes13 answers -
Border-radius для <img> в Opera...
Добрый День! При применении св-ва "border-radius" к тегу <img> столкнулся с трудностями при отображении в Opera. Вобщем свойство просто не работает... Задавать картинки бэкграундом не подходит для заказчика!(хотя в этом случае border-radius работает нормально.) Не подскажите - существует ли выход для подобных ситуаций? P.S. Ссылку на сайт предоставляю: http://yamaradg.narod2.ru/history/Matrix/index.html Буду очень признателен за помощь!
0 votes27 answers -
Border-radius для img (продолжение...)
Здравствуйте! Всем очень благодарен за вчерашние советы и рекомендации. Узнал много нового и полезного для себя. Но при "апгрейде" плагина о котором вчера велась речь( Сейчас он выглядит вот так: http://yamaradg.narod2.ru/history/Matrix/index.html ) я столкнулся с очередной "каменной стеной"! На этот раз застрял на проблемах с - IE-7,8! А дело собственно вот в чём: 1) при наведении на матрицу у <img class="bigimg"> в ie-7 не срабатывает z-index(не знаю как выкрутиться из этой ситуации?) + в IE-8 вся матрица вообще пропадает из виду... (это связано с подключением скрипта border-radius для IE-7,8... И единственным решением которое удалось найти являеться <img class…
0 votes1 answer -
border-radius для внутренних эл-в
Мне нужно сделать такую штуку: <div class="item_header"> <div class="item_header_title">A SIMPLE MATH PROBLEM</div> <div class="item_header_price">$30</div> </div>для внешнего div'а делаю border-radius, всё хорошо, но вот внутренние вылезают поверх скругленных углов. Можно ли как-то сделать, чтобы 2 внутренних блока (синий и зеленый) были с прямыми углами, но то, что выходит за круглую границу родительского дива просто обрезалось? Вариант скруглить всё что можно работает, но хотелось бы другое решение.. может быть какое-то сочетание из display и overflow? или как-то иначе.. Спасибо
0 votes5 answers -
border-radius и border-collapse
Приветствую. В очередной раз столкнулся с проблемой, в данном случае это скругление углов у таблицы (между ячейками также имеется рамка) Подскажите, можно ли обойтись без js и картинок?
0 votes9 answers -
border-radius.htc не работает
Подключил border-radius.htc, но он не работает в IE8 (в более ранних версиях не смотрел). Пробовал убрать все скрипты - все равно не работает. Есть альтернативы или какие-то способы заставить работать border-radius.htc ?
0 votes4 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-