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
29542 questions in this forum
-
input и градиент border
Подскажите пожалуйста есть ли возможность сделать градиентный бордер для <input> чтобы он появлялся при :focus состоянии, без JS. Только на css.
0 votes8 answers -
Как задать жеские рамки растяжения таблицы?
Имеются 2е ячейки: одна с навигацией, другая с погружаемым контентом. Ширина первой задана жестко (в пикселях), ширина второй - процентно. Соответственно, когда я уменьшаю-растягиваю окно браузера, первая ячека не меняет своих размеров, а вторая сужается-растягивается. проблема в том, что мне нужно, чтобы вторая ячека сужалась до нужного мне лимита, допустим 400px, и растягивалась(если открывать сайт на мониторе с большим разрешением) тоже до определенного лимита, допусним 1500px. Как это сделать?
0 votes3 answers -
CSS float
Всем доброй ночи. Хотел что то похожее на это тут текст тут картинка тут текст побольше тут картинка текст выравнивается по левому краю а картинка поправому <style type="text/css"> div { width:10%; } dl dd { float:left; } dl dt { float:right; } </style> <div> <dl> <dt>тут текст</dt><dd>тут картинка</dd> <dt>тут текст побольше</dt><dd>тут картинка</dd> </dl> </div> И если div меньше ширины картинки и текста то картинка падает вниз. В этом и есть моя проблема.
0 votes9 answers -
text-shadow и кроссбраузерность - wtf, товарищи о_о
всем привет. у меня появилась проблема того, что тень текста дико коверкается в сафари и в браузере телефона. неужели этого никак не избежать!? может, есть какие-нибудь решения, ведь наверно же с этим сталкивались многие другие? вот пример, здесь все минимизировано: скришот в разных браузерах: код: <!DOCTYPE html><html><head><meta charset="utf-8"> <title>font</title><style> body{background: #e5e08b;} p{ font-family: arial; color: #ffe; font-weight:bold; text-shadow: 0 0 .1ex #ba0, 0 0 .1ex #870, 0 0 .1ex #870, 0 .7ex .1ex #fff, 2ex 0 .5ex #ffd, -2ex 0 .5ex #ffd; }</style></head><body>…
0 votes12 answers -
Поменять блоки местами
Всем добрый день! Есть довольно простая структура сайта: https://jsfiddle.net/j7n9yf5q/3/ Нужно при уменьшении ширины экрана (например до 768px) поменять блоки местами - Блок 1 перемещается под Блок 3, а если на странице только Блок 1 и Блок 2 - то они меняются местами. Соответственно, если размер окна снова увеличивается, то блоки должны стать на свои места. Как это реализовать при помощи Jquery?
0 votes3 answers -
Использование фильтров CSS
Почему неполучается сделать, чтобы отбрасывал тень через фильтр dropShadow вроде к дивам этот фильтр применяется, размеры слоя устанавливал а тени нет? .......
0 votes5 answers -
Шрифты
Ситуация следующая: на сайте нужно использовать редкий шрифт. У большинства пользователей его нет. Нет возможности использовать другой шрифт. Есть ли какой-то вариант подгружать этот стиль вместе со страницей?
0 votes4 answers -
как победить мерцание фоновых картинок в IE6
подскажите, всю голову себе сломала! есть код css для кнопочек a#knopa { width: 687px; height: 46px; background-image: url('knopa1.gif'); display: block; text-decoration: none; } a#knopa:hover { background-image: url('knopa2.gif'); } Все отлично работает во всех броузерах кроме ослика. При наведении на кнопку осел начинает заново перерисовывать бэкграунд, подгружая его с сервера. Не догадывается о том что он у него в кеш сидит. В результате чего происходит смена картинки но с пятисекундной задержкой. Есть ли какоенибудь средство чтобы заставить ослика моментально менять изображение без задержки?
0 votes4 answers -
По разному отображается в OPERA и в Firefox
Добрый день! Не раз замечал что есть сайты каторые по разному показывают страницу в разных браузерах... в IE видно так а в Лисе по другому. ... при продаже продаже шаблонов (дизайна) для сайта пишут что заточен под IE или Оперу... что это значит? почему в FF показывает по другому? код HTML ведь везьде тот же. или что не так? вот на пример этот сайт http://mrlupen.com/ зайдите на него через OPERA и FireFox в сааамом низу там где footer в Опере показывает нормально а вот в Лисе футер кагбы приподнят (не доходит до конца страницы) в чем проблема?
0 votes11 answers -
Как воспроизвести звук при нажатии на кнопку ?
Как можно воспроизвести звук при нажатии на кнопку ??? Кто то может знает как это можно сделать? Вот мои кнопки <p id='kino'>Кино</p> <p id='kartinki'>Картинки</p> <p id='music'>Музыка</p>
0 votes1 answer -
Валидация Font
Здравствуйте, при проверке на валидацию страницы вылазит такая ошибка: Ошибка значения : font / не является значением font-family : 13px / 170% 'Lucida Grande','Lucida Sans Unicode',Geneva,Verdana,Sans-Serif Вот ксс код: body { font: 13px/170% 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif; color: #777; margin: 0; padding: 0; background: #fff; } Пробовал писать так: font-size: 13px/170%; font-family: 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, Sans-Serif; В таком случае фонт сайз вообще не работает и выдает такую же ошибку. Подскажите пожалуйста как грамотно оформить такой простой код что бы валидатор не показывал ошибку?
0 votes7 answers -
Единицы измерения при адаптивной верстке.
Добрый день! Помогите кратким ликбезом: какие сейчас единицы измерения и в каких случаях используются при адаптиве? При выполнении тестового проекта я использовал проценты и пиксели... собственно, все по Макфарланду за 2014й год... Результат, вроде, соответствовал требованиям, но забраковали по нескольким причинам. Одно из нареканий было: использование некорректных единиц измерения при адаптиве. Я пытался найти сам... но запутался. Одни топят за vh,vw, другие за em,rem. Хотя, на сколько я помню, последние чисто для текста...
0 votes1 answer -
и ещ? вопрос!! запрет на смену размера шрифта??
Я конечно понимаю что мона прописать фиксированый размер в свойствах слоя например так FONT-SIZE: medium; или так FONT-SIZE: 11pt; и т.д Но можно ли прописать размер и запретить его менять? тобишь к примеру человек ставит у себя в браузере размер шрифта крупный, а на странице не чего не меняется какой был такой и остался. Заранее Благодарен )
0 votes4 answers -
О выборе !DOCTYPE
Собственно, какой тип докуменат выставлять? Мне, как начинающему, хотелось бы прояснить отличие. Где почитать чем они отличаются и чет отличаются строгие и переходные Доктайпы для html и xhtml
0 votes12 answers -
Отступ от низа экрана. Помогите найти.
Помогите пожалуйста разобраться с такой проблемой. Есть сайт:http://prospect.gorodgid.ru/ У него внизу зеленая полоска (это я специально бакграунд у body зеленым сделал). Как убрать это расстояние? Раньше такая же ерунда была и сверху сайта, но там символ лишний невидимый из за UTF BOM стоит - решилось абсолютным позиционированием основного дива #wrapper. А вот что делать с низом? Может ли это быть из за BOM? Никак не могу его выловить... может smarty его подставляет...
0 votes4 answers -
Не работает кнопка меню Firefox
Во всех браузерах пашет а вот Firefox почему то не хочет ((( Уважаемые специалисты подскажите в чем может быть проблема я уже все перепробовал и не как (((
0 votes6 answers -
Выбор домена с точки зрения SEO
Добрый день всем! Посоветуйте, как лучше поступить: у меня сайт рассчитан на продажу ламината в Киеве и только в Киеве. Поисковые запросы в Гугле у потенциальных клиентов будут "ламинат" "киев". С каким доменным именем сайт будет лучше ранжироваться в Гугле: если запрос совпадает с доменом (www.laminat-kiev.com), или может, (т.к. поиск делается в Киеве) Гугл выдаст в первую очередь региональные сайты (www.(название моей фирмы, не имеющее отношение к ключевым запросам).kiev.ua) У меня есть оба домена, какой лучше использовать с точки зрения SEO?
0 votes10 answers -
Размеры фонового изображения
Каким тегом или свойством автоматически растягивать фоновое изображение в зависимости от разрешения экрана? Процентное отношение?
0 votes5 answers -
отступ в IE7
Столкнулся со следующей проблемой; Верстка в три колонки. Меню контент меню.Резиновая. В IE7(на других просто не проверял) на определеннх страницах появляется непонятный отступ вправо от правого меню. в связи с чем внизу есть скрол. позволяющий перетянуть все окно сильно правее. вот как это выглядит: http://shamanr.jino.ru/rastenievodstvo/tra...ory-serii-5020/ в то же время при использовании того же шаблона но без картинок в блоке контента все прилично: http://shamanr.jino.ru/rastenievodstvo/sey...e/seyalka-1700/ во всех остальных браузерах все выглядит прилично
0 votes6 answers -
Свойство display
В спецификации написано, то что у свойство display, присваивается значение по умолчанию inline. Тогда почему нельзя просто написать свойство display, а значение оставить пустым? <ul> <li>категория</li> <li>категория</li> <li>категория</li> <li>категория</li></ul>li{ display:;}
0 votes11 answers -
Таблицу в слайдер
Здравствовать всем. на сайте http://www.stekloproekt.ru/tri на вкладке "Декоративные материалы" таблица с материалами выводится в виде слайдера. Удобно, гигантская таблица занимает мало места. Как такое сделано и где добыть подобный скрипт. Желательно не сложный в использовании. Спасибо.
0 votes1 answer -
Сдвигание фона в FF и Opera
Всем привет! Не пойму где загвоздка = сдвигается фон на 1 пиксель... В FF влево, в Opera - вправо! Но только с одним НО - если установить для дива "love" высоту... Если высота не установлена - все тип-топ... Вот код <!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=windows-1251" /> <title>" СДВИГАНИЕ ФОНА " в FF и Opera</title> <style type="text/css"> <!-- body {margin: 0px; background-color:#333333;} #page {background:url(http://styleroom.ru/news…
0 votes7 answers -
Все те же скругленные углы, но...
Как делается css-обвязка я в курсе, начитался. Отлично, работает. А тут вдруг верстаю себе, верстаю, и вижу что НУЖНО сделать эти самые скругленные уголки с прозрачной частью, а не белой. Попробуйте, если все делать как в этой статье, но например верхний левый угол сделать прозрачным гифом - на месте прозрачности увидим соответствующую серый фон от левой\верхней стороны обвязки. Как быть? Наверняка есть адекватное валидное решение! Помогите пожалуйста)
0 votes10 answers -
Несколько градиентов возможно накладывать в одном слое?
Здравствуйте. Скажите, можно ли одному элементу задать два градиента в надежде получить их наложение? Например один линейный вертикальный, второй линейный под 45 градусов. Вот такой код не работает: background:linear-gradient(135deg, #53237f 2%,#7847a5 39%,#200e52 50%,#200e52 62%,#61318e 88%,#200e52 100%), linear-gradient(to bottom, #000000 0%,#d2c5e0 100%); Может назначить вложенному элементу один градиент,а обертывающему - второй?
0 votes4 answers -
Полупрозрачный фон на весь экран, покрывающий скроллинг
Всем привет! Как сделать поверх всего сайта div, который бы затемнял весь экран сайта и скроллинг тоже, чтобы он был неподвижен. Часто такие вещи используются для фотографий: допустим нажимаешь на фото, оно увеличивается, при этом затемняется весь остальной экран полупрозрачным фоном
0 votes3 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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-