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
-
Рамка для картинки
Здравствуйте! Я имею красивую рамку, нарисованную в одном из графических редакторов. Подскажите, пожалуйста, как мне теперь эту рамку наложить на картинку в своём сайте?
0 votes4 answers -
Рамка для формы поиска
<!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> <style type="text/css"> .searchform { background: #b91715 bottom left no-repeat; float: right; padding: 1px; top: 25px; right: 0px; } .searchform .s { border: none; background: #FFF; color: #666; font-family: Times New Roman, Georgia, Serif; padding: 2px; width: 157px; } </style> </head> <body> <form method="get" id="searc…
0 votes6 answers -
Рамка и содержимое таблиц
Добрый день, у меня возникла проблемка...бьюсь уже не один день........в тупике. Есть движок vbulletin Я пишу для него стиль. Хочу вставить рамку поверх форума(сайта) . Есть кусочки рамок. из которых я и составляю в хтмл'e полность рамку фон. Делал все на таблицах.(также используя CSS). Вроде бы получилось. Но при разном разрешении, а также при сворачивании в более мелкое окно рамка съезжает вправо. Кумекал тут, понял что съезжает из за содержимого в таблице. Получается если оно больше чем размер таблицы..то он выставляет сам ширину. вот приблизительный код: <TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0"> <TR> <TD align="left"><IMG SRC="im…
0 votes9 answers -
Рамка из картинок вокруг контента на слоях
Всем доброго дня! Переделываю верстку одного сайта с таблиц на слои. В общем-то, все уже есть, кроме главного. Весь основной контент помещался в рамочку из 8 картинок. Угловые просто картинки, а горизонтальные и вертикальные тянущимся фоном. Вот на слоях пока не получается это сделать. Пример того, что есть сейчас (только рамка) вот тут: http://www.elfworld.ru/eryn/design/hibernia/content.htm Стили прямо там что бы проще и нагляднее. Верхняя и нижняя линия вроде бы везде хорошо. А вот с центром (3 слоя в общем слое content_main) проблема. Высоты контента я не знаю. Центр в красной рамке. Нужно что бы фон в слое слева и справа от слоя контента тянулся, его же вообще нет. К…
0 votes9 answers -
Рамка к картинке
На одной странице несколько картинок, у одних должна быть рамка, у других нет, как это реализовать?
0 votes4 answers -
Рамка картинкой вокруг элемента img
Как сделать рамку вокруг элемента img картинкой, чтобы она его обтекала. При увеличении картинки, расширялась?
0 votes5 answers -
Рамка на DIV с частичным перекрытием текста
Всем добра! Интереса ради захотелось сделать блок с такой рамкой, как на картинке: Я попытался сделать это с помощью z-index и относительного позиционирования. В итоге результат был достигнут, но выявилась одна проблема. Суть её заключается в следующем. Уголок рамки был помещён в отдельный блок и размещён ниже блока с текстом. На нужное место блок ставился через CSS с использование отрицательных величин. Блок с уколком и блок с текстом располагаются в самом низу страницы. Однако же, когда браузер отрисовывает страничку, он отображает и то пустое место, где первоначально (в html) располагается блок с уголком. Таким образом, появляется скроллер и внизу образуется пустое п…
0 votes3 answers -
Рамка на странице
Здравствуйте все те, кто борется с браузерами ради корректной разметки. Есть задача сделать в браузере рамку на весь тег <body>. Эта рамка со всех четырёх сторон должна примыкать к окну документа и при изменении размеров окна должна оставаться примыкать. Т.е. желательно, чтобы полос прокрутки не возникало и практически при любом размере окна мы видили рамку. Сделал такую разметку. body имеет цвет lime, чтобы его проще можно было различить на странице. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Test</title> <style typ…
0 votes5 answers -
Рамка на фото
http://teplee.com Не могу понять где что прописать что бы на картинках рамка появилась. Пробую стиль в CSS добавить, ничего не меняется
0 votes1 answer -
Рамка поля ввода в хроме
Приветствую всех. Когда поле ввода получает фокус, то в хроме появляется рамка(см. аттач). Как можно убрать эту рамку?
0 votes2 answers -
Рамка с декоративным элементом
Подскажите, как можно сделать такую рамку:
0 votes1 answer -
Рамка с заголовком на рамке
Как сделать вот такой DIV с заголовком, перекрывающим участок границы?
0 votes2 answers -
Рамка с закругленными краями
Как можно сделать рамку с закругленными верхними краями без таблиц?
0 votes3 answers -
Рамка с закругленными краями ( для таблицы)
Задача! Надо сверстать такое http://fota.mota.ru/albums/7b677767b8ffbf2...24/image/0.html я сделала так <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>CSS&DIV...Флора & Фауна ...Домашняя страница...</title> <link href="Style21.css" rel="stylesheet" type="text/css" /> </head> <body class="m2" > <div id='container'> <table cellspacing="0" > <tr> <td width="8%" > <div id="td13"> <div id='img_t_right'> </div> </div></td> <td > <div id="td20"> <div id="l"> <div id="r"> <d…
0 votes4 answers -
Рамка с помощью градиента
Всем привет Столкнулся с небольшой проблемой, надеюсь на вашу помощь, т.к сам решения не нашел Требуется сделать рамку вот такого типа с помощью CSS. (Серый узор высотой 5px) На крайний случай можно и фоном просто. Возможно такое сделать? P.S пробовал всякие генераторы градиентов, но что-то через них вообще никак не получилось Плюсану в репу за помощь
0 votes17 answers -
Рамка с уголком
Можно ли создать такую рамку средствами CSS?
0 votes1 answer -
Рамка с указанием цвета уголков на css
Вопрос возник при прохождении самого первого уровня на сайте http://divhack.com Приведённое на сайте решение не даёт ответа на вопрос, оно не соответствует предложенному для вёрстки psd-макету. Верстаю меню (или же подвал) в резину. В макете вокруг блока навигации имеется довольно интересная однопиксельная рамка. Верхняя, правая, нижняя, левая границы - разных цветов. В каждом уголке рамки - однопиксельные клеточки, тоже разных цветов. Блок я сверстал, бордеры указал: .nav {width: 100%; height: 43px; background-color: #b6b6b6; border-top: 1px solid #d3d3d3; border-right: 1px solid #cfcfcf; border-bottom: 1px solid #e2e2e2; border-left: 1px solid #c2c2c2;} Но как сделат…
0 votes2 answers -
Рамка со скруглением и градиентом
знаю один способ, но не во всех браузерах устраивает отображение. Завтра расскажу, не хочу сбивать вас с мысли.
0 votes0 answers -
рамка таблицы в виде картинок
Можно как нибудь сделать рамку таблицы в виде картинок, чтоб не сполшная линия какого-либо цвета, а картинка была !?
0 votes8 answers -
Рамка текста
Здравствуйте! В компоненте Cherry Picker (Joomla) в поле ввода цены курсор выделяется рамкой, как её убрать? Вот кусок кода стилей http://jsfiddle.net/0LcLqs5t/ Пробовал через color:white, но оно делает и сам текст белым. Спасибо.
0 votes5 answers -
Рамка у <input type="image">
Подскажите, пожалуйста как убрать рамочку у кнопки. Работаю с cms DLE. Справа от меню в поиске у меня кнопка с изображением лупы <input title="Найти" alt=" " type="image" />. Пробовала убрать с помощью border, outline, box-shadow: none; не дает результата. Отладчик показывает, что стили действуют, а визуально рамка есть. Подскажите, где причина. Вот ссылка http://brinjal.ru/
0 votes5 answers -
Рамка у textarea мешает дизайну.
Заведенная вновь мной тема уже когда-то поднималась я где-то в результатах поиска видела - сейчас не могу найти. И уважаемый s0rr0w сильно ругался на автора темы. Тем не менее, мне необходим ответ на поднимаемый вопрос. На самом деле вопроса два. 1. У меня имеется Select с множеством записей. Селект не выпадающий, а прокручивающийся. У меня возникла необходимость убрать бордер у селекта, ибо в дизайн сайта эта рамка ну никак не вписывается. .select{ width:100%; height:300px; margin:0px; border:0px solid black; } простой бордер со значение 0 понимает только ФФ. Ни какой ИЕ - ни 6, ни 7, ни 8 - это не понимает. Как заставить ИЕ все же убрать эту злосчастную рамочку? 2. …
0 votes18 answers -
Рамка у ссылки при нажатии
При нажатии на ссылку появляется рамка При том что в стилях я задал ей: a:visited,a:active { border: none; outline: none; } И даже так: a:visited,a:active { border: none!important; outline: none!important; } В чем может быть дело
0 votes2 answers -
Рамка, А В Ней Сайт
Пытаюсь сделать рамку вокруг сайта, сверху и сбоку проблем не возникает. А вот снизу надо повесить на окно браузера. Т.е. хочется чтобы сайт не растягивал низ, а был в фиксированной рамке и крутился в ней.
0 votes19 answers -
Рамка.
Прости за ламерство . Но как можно сделать тонкую рамку на странице? И на тонкую рамку расставляют рисунки(например огонь)? Если у вас мысли о таблице то пожалуйста откажетесь от этих мыслей
0 votes5 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-