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
-
menu ul { list-style-image:url
Всем привет. Проблема в IE 6 7 пропадают значки у списка как только скролом вниз страницы спускаешься и список остается вверху. Как только возвращаешься на верх то значков нет. Проводишь по ним курсором и они появляются. В чем может быть дело?
0 votes4 answers -
Как задавать свойства для вложенных списков
Столкнулся с непонятным поведением списков <ul>, вложенных в другие списки. Вот тестируемый код: <!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" xml:lang="ru" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Language" content="ru" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <title></title> <meta name="description" content="" /> <meta name="keywords" content="" /> <meta name="robots" content="index,f…
0 votes2 answers -
центрирование при помощи float
разбирал тут пример один и появился вопрос. автор центрировал блок, при этом заморочился с float. но то же самое можно сделать и без float. а чем меньше кода тем меньше возможных проблем. и все таки у меня подозрение, что автор какую то цель имел, используя обтекание, и я чего то не понял. поясните, если не трудно
0 votes8 answers -
Как удалить отступ с низу?
footer с низу имеет отступ, образованный из за слоя с улиткой. Этот отступ отображается только в FF и IE. слой с улиткой snail. html <div id="footer"> <div id="snail"></div> </div><!-- #footer --> css #footer { width: 960px; margin: -100px auto 0; height: 100px; background: #284271; background-image:url(../images/briz_footer2.png); background-repeat:no-repeat; } #ns { position:absolute; margin: 0 0 -100px 0; background-image:url(../images/NS.png); background-position:right; background-repeat:no-repeat; width:186px; height:80px; left: 659px; top: 941px; } #snail { position:relative; height:211px; width:185px; backgroun…
0 votes4 answers -
CSS для смартфонов
Здравствуйте, Где можно почитать об особенностях веб-кодирования для смартфонов? Можно ли например сделать, чтобы стандартный браузер в андроид на телефоне с экраном 480px в ширину показывал сайт с body шириной 480px сразу в ширину экрана, а не выводил узкой нечитаемой полоской, которую надо потом растягивать пальцами?
0 votes3 answers -
Резиновая вёрстка
Сложность(для меня)состоит в следующем: надо сделать вот так http://ifotki.info/12/73628095a1a76f6604d94e349a1dedd7b279f8138503600.jpg.html макет нужен резиновый.Т.е. если я правильно понимаю размеры закладок нужно задать в процентах,но как угадать,чтобы они растянулись на всю ширину центрального блока.Решение необходимо только средствами Html и Css P.s.есть вероятность,что я чего-то не догоняю
0 votes6 answers -
cвойство filter не проходит валидатор
добавляю градиент для ie с помощью свойства filter: progid:DXImageTransform.Microsoft.gradient и теперь css не проходит валидацию.что делать? оставлять css не валидным?
0 votes9 answers -
[Помогите] Простая мелочь по кнопкам (CSS)
css: .new_botton { color: #000000; text-decoration: none; background-color: #97C3FC; padding: 7px 30px; border: 1px solid #7E7676; -webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px; line-height: 24px; text-shadow: #A5A5A5 0px 1px 0px; } .new_botton:hover { background: #8B9DFA; } Надо сделать что бы кнопки были одной ширины независимо от текста, да может я не правильно начал делать кнопки через украшения ссылок просто тоесть у меня html имеет вид: <a class="new_botton" href=итд....>, но я думаю и при такой реализации можно сделать одной шириной. Пробовал width не работает) Помогите реализовать... п…
0 votes5 answers -
Как обновить карту в млдальном окне
Привет. Есть кнопка с описанием "подробнее" она вызывает модально окно <div class="readMore"><a href="#openModal" class="btn btnSmall" ><span>подробнее</span></a></div>Вызывается окно в IFrame <div id="openModal" class="modalDialog"> <div> <a href="#close" title="Закрыть" class="close">X</a> <h2>"Зеркальное" озеро</h2> <p style="color:black">Координаты: 43°32'3"N 39°50'34"E </p> <iframe id="n1" width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.google.ru/maps?f=q&source=s_q&hl=ru&geocode=&q=43%C2%B032…
0 votes2 answers -
Нужно настроить корзину в магазине.
Всем добрый день! Помогите включить сайт - шаблон. В верстке немного разбираюсь, а вот корзину нужно сделать (настроить). Предложите вашу цену. сайт: http://epoxy-polymer.in.ua/ Спасибо!
0 votes16 answers -
проблема с представлением страницы в firefox
Добрый день всем ! Сломал голову . Ниже я приведу свой код IE все как надо а в FireFox все ломается . Будте так добрв помогите . Здесь ссылка на сайт http://www.bgraf.biz/php_doc/test.html <!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=iso-8859-1" /> <title>Untitled Document</title> </head> <style type="text/css"> .color_block { border: 1px #111B64 solid; background: #FFFFFF; width: 296px; } em.bt, em.bb { display: block; height: 4px; font…
0 votes4 answers -
select
Здравствуйте Не подскажите как можно изменить знак выпадения у тега select Изначально он такой (например в вин7) А мне нужно сделать такой Нашел как сделать на jq, вот например тут http://www.jqueryscripts.ru/scripts/jquery_forms/jnice/ Но можно ли это сделать на сss?
0 votes6 answers -
<li> — отступ
Нужно убрать отступ который показан на рисунке ниже. Собственно сам код: .Menu { background: #222120; border-left: solid 1px #4d4b48; border-right: solid 1px #4d4b48; border-bottom: solid 1px #4d4b48; padding: 5px; width: 200px; margin: 0px; } Пробывал вставлять float:left, но толку нету, только ломает дизайн. Красной рамкой отмечен отступ
0 votes5 answers -
MSIE и overflow hidden
Верстается div-ная страница. Расклад — центр всё время по середине, тянется. Например способом, уведённым у самизнаетекого: CSS #main {width:100%; clear:both; overflow:hidden; position:relative;} #main:after {content:''; display:block; clear:both;} #main_toleft {position:relative; right:50%; float:right;} #main_toright {width:1600px; position:relative; z-index:1; right:-50%;} HTML <div id="main"> <div id="main_toleft"> <div id="main_toright"> <img src="/ima/image.jpg" width="1600" height="400" /> </div> </div> </div> Смысл — прятать левую и правую стороны картинки за окна браузера, когда у пользователя малые разрешения монитор…
0 votes6 answers -
Как сделать такую кнопку средствами css?
Как сделать такую кнопку средствами css? http://cs618926.vk.me/v618926727/1e8c/J3f325TSgSE.jpg
0 votes9 answers -
Как сделать раскрывающееся боковое меню
Помогите пожалуйста разобраться как сделать выплывающее меню. Чтобы при КЛИКЕ по "синему" блоку он разворачивался и отображалось его содержимое. Скрывать блок по клику на "зеленую" область или вне блока меню, например по блоку с текстом. Необходимо что бы работало на все-возможных устройствах - смартфоны, планшеты... Вот для примера* - http://jsfiddle.net/ccfrmd5u/ * в примере реагирует на наведение, а необходимо по клику и раскрывается вправо, а надо влево и вроде как над блоком с текстом
0 votes5 answers -
Плавная смена изображения
Возможно ли такое?: .button{background: url(play.png);} .button:hover { background: url(play_hover.png); transition:background .5s ease; } У меня плавно изображение на заменяется, как ожидалось. Может это просто не предусмотрено в CSS?
0 votes7 answers -
Адаптивный дизайн
Добрый день. Подскажите пожалуйста такую вещь. Сделал сайт http://intechsoft.ru/about/news/верстка адаптивная. В css использовал медазапрос @media screen and (max-width: 991px) чтобы для экранов с разрешением <991px сайт немного по-другому отображался. Сказали что на Ipad air 5 (2048х1536px) вроде разрешение сайт криво отображается. Как мне сделать полноценную адаптивность? Какие медиазапросы лучше использовать? Вообще как лучше писать: @media screen and (max-width: 991px) @media screen and (min-device-width: 991px) что из этих будет правильнее?
0 votes6 answers -
Подскажите с формой поиска
Подсобите плизз, нубу Написал простую форму поиска на html css . В поле ввода находится текст типа Browse Products , когда курсором стираю этот текст и обновляю страницу - надпись в поле больше не появляется, только если полностью закрыть браузер и снова загрузить эту страницу. Такая ситуация только в Мазиле и EI 8 версии. Всю голову сломал...
0 votes7 answers -
Почему не работает sourcemap в JavaScript?
Третий день пытаюсь понять почему не работает sourcemap в браузере. А именно не работает JS, с CSS все норм работает. Вот код: gulp.task('script', function() { return gulp.src(src.js) .pipe(sourcemaps.init()) .pipe(concat('script.js')) .pipe(sourcemaps.write()) .pipe(gulp.dest(path.js)) }); Что я делаю не так или может что-то дополнительно нужно скачать для браузеров ? ps: надеюсь тут у Вас найду ответ...
0 votes0 answers -
Помогите сверстать блок
Здравствуйте, помогите, пожалуйста сверстать блок (в красной рамке). Как сделать слайдер на заднем фоне, и чтобы зеленая линия не смещалась при изменении размера окна?
0 votes1 answer -
Ограничение по ходам в игре "Виселица"
Всем привет! Помогите, пожалуйста, добавить в код ограничение по ходам, если возможно как-нибудь проще. В инете находила решения, но с ними код всё равно не работает как положено. Заранее спасибо!! https://jsfiddle.net/6zjoLpnt/1/
0 votes0 answers -
Горизонтальное меню на <li> для резиновых сайтов. Проблема с броузерами.
Всем доброго времени суток. Такая проблема: Нужно сделать резиновый сайт с горизонтальным меню. Сделал шапку и меню. Проблема в том, что горизонтальное меню, основанное на LI, может бесконечно ужиматься, пока все LI не заползут друг на друга. Соответственно, мне нужно задать некий предел, до которого можно ужиматься (зависит от того, насколько ужимается шапка. Если-бы дело было с таблицами, то я бы просто вставил в каждый LI распорку (белую картинку нужной мне длинны и высотой в 1PX) и тогда-бы ячейка не ужималась, но когда я вставляю распорку в LI, ужимается. Так ведет себя FireFox. В IE6 распорки действуют, но всплывает другая проблема: Если сжимать страницу так, чтобы …
0 votes0 answers -
можно как-нибудь получить через жс высоту таблицы, если для таблицы она не задана ?
что-то вроде такого, onclick="java script: document.title=document.getElementById('table_id').style.height;" но в титле ничего не выводится, а если точнее, то выводится ничего ) напр пользователь захочет добавить данные в табл.. копирует эти тд и тр и меняет данные, высота табл увеличивается, табл растягивается. вот мне и нужно получить то значение, на которое табл растянулась, в пикселях.
0 votes4 answers -
Всплывающая подсказка
У меня вопрос как мне сделать подсказку для ссылки на основе переката изображения css: A.history { background: url('../images/buttons/history.jpg'); /* Путь к файлу с исходным рисунком */ display: block; /* Рисунок как блочный элемент */ width: 209px; /* Ширина рисунка в пикселах */ height: 49px; /* Высота рисунка */ } A.history:hover { background-position: 0 /* Смещение по горизонтали */ -49px; /* Смещение вверх по вертикали */ } html: <a href="index.html" class="history"></a> с простой то картинкой все понятно <img border="0" src="images/don't-panic_09.jpg" width="209" height="49" alt="История">
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-