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 votes7 answers -
Проблемы при создании меню
Добрый день. У меня проблема следующего характера, не могу привести в порядок меню. Простите за наглость, но я реально туплю. Уже неделю голову ломаю. Вот так должна выглядеть меню не в активном состоянии. http://savepic.net/5146388.png а при наведение на блок, он должен плавно приподнимается вверх и там появляется меню раздела. Своего рода выпадающее меню, только с заморочкой. Вот так должен выгляедть блок при наведении на него. На картинке показано что активны все блоки, это просто для наглядности сразу три раздела активны. http://savepic.net/5171989.png Помогите пожалуйста, не могу разобраться. Покажите хотя бы путь куда идти. Заранее благодарю.
0 votes4 answers -
Проблемы с выравниванием input в диве по центру с резиновым макетом сайта в IE
Проблемы с выравниванием input в диве по центру с резиновым макетом сайта в IE, при изменении размера окна браузера input-ты в IE 6-7 начинают съезжать в право , как можно от этого избавиться <!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" lang="en" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Dynamic Drive: CSS Liquid Layout #3.2- (Fluid-Fluid-Fixed)</title> <style type="text/css"> body{ margin:0; padding:0; line-height: 1.5em; } b{font-si…
0 votes1 answer -
Проблемы с :after
добавил в файл стилей .field-name-field-img-poster .field-label:after { content: "кликабельны"; color: #808080; font-weight: normal; font-size: 12px; } Но почему то вместо слова "кликабельны" появились ромбики с восклицательными знаками. Проблема с кодировкой? как исправить? http://vtrailere.ru/2012/treyler-k-filmu-ohotnik (смотрите где постеры)
0 votes2 answers -
проблемы с :hover
Знатоки css и html, помогите решить задачу над которой бьюсь третий час - Условие: есть меню сделанное с помощью списка <ul> и посредством псевдокласса :hover реализованна функция смены фона пунктов меню (<li>)при наведении на них указателем. Задача: Как сделать так чтобы допустим у первой кнопки меню ничего не менялось при наведении курсора?
0 votes5 answers -
проблемы с :hover в табах
Здравствуйте. Не могу понять из-за чего такое происходит. :hover работает на всех ссылках в табах, кроме первого таба
0 votes4 answers -
Проблемы с "position: fixed" под Chrome
Всем здравствуйте! Я тут первый день, местных обычаев еще не изучил, поэтому если что не так - прошу пинать не очень больно. Проблема у меня следующая. Нужно в шаблоне страницы сделать зафиксированную шапку (ну и еще левое меню). Сделал я это, навесив на требуемые слои атрибут "position: fixed". Под IE и Mozill'ой глюков не обнаруживается, а вот под любимым мною Chrome'ом вдруг получил гимор. Выглядит это так: Хром рисует страницу, не успев расставить слои по позициям. Например, как видно на рисунке левое меню отрисовано по центру. Refresh страницы ситуацию исправляет полностью. "Сдвиги" возникают не всегда, но с постоянством, достойным лучшего применения и в разных вар…
0 votes3 answers -
проблемы с @font-face
Трудно объяснить в чём проблема, но правило не срабатывает! Без проблем работает в IE с его oet-ами... Опера отображает только один из двух шрифтов. Фокс ни одного! В чём может быть проблема? ссылки перепроверил - срабатывают (по крайней мере браузер предлагает сохранить файл) есть несколько вопросов по синтаксису: family надо записывать в кавычках или без разницы? должно ли название файла совпадать с тем что прописана в файле шрифта? можно ли использовать в правиле font варианты начертания: файл шрифта bold - в правиле надо указывать font:bold... или font:normal... мог ли браузер как-то хитро закэшировать предыдущие версии шрифта и отдавать их? Какие есть варианты - как …
0 votes9 answers -
проблемы с @font-face и "Private Sans"
Добрый день. На сайте надо подключить шрифт "Private Sans". В инете нашёл кроссбраузерный вариант подключения шрифтов и сервис для конвертации. Конвертировал три варианта шрифта "regular", "italic" и "bold". В полученном архиве было указано правило для подключения шрифта (три варианта) @font-face { font-family: 'PrivateSansRegular'; src: url('../fonts/pvs55-webfont.eot'); src: url('../fonts/pvs55-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/pvs55-webfont.woff') format('woff'), url('../fonts/pvs55-webfont.ttf') format('truetype'), url('../fonts/pvs55-webfont.svg#PrivateSansRegular') format('svg'); font-weight:…
0 votes19 answers -
Проблемы с <Input type="submit">
Добрый вечер! При доделывании чужой работы столкнулся с простейшими на первый взгляд проблемами: На странице есть 2 инпута(на ссылке с принтскрином указано в каком браузере проблема...). В одном из них в мазилле не работает Cursor:pointer? Это связано с тем что там внутри один блок налазит на другой! Если менять блоки местами(в html)то cursor работает - но инпут не функционирует? (перепробовал в течении нескольких часов всё что в моих силах-но безрезультатно!) Работает он изначально нормально только в IE!(не могу понять почему?...) Со вторым инпутом при клике происходит смещение самого текста вниз на пару пикселей!? (происхдит это в IE и Opera?) P.S. Буду очень благодарен…
0 votes3 answers -
Проблемы с <title>
Такая проблема - не меняется title!Все равно пишет "Документ без названия", хотя тайтл задан свой. Причем, если переименовать страницу с index.php на index.html то тайтл меняется.
0 votes6 answers -
проблемы с a:hover
Господа верстальщики. У меня делемма. Есть горизонтально центрированное меню. В нем под пукнты. Главным пунктам присвоен стиль смены цвета при наведении a:hover. Как заставить родительские пункты меню оставаться в состоянии hover при наведении на под пудпункты? Как видно слева при ховере появляется бэкграунд с треугольником и смена цвета пункта. Хочется добиться того же эффекта при наведении на подпункт. Чтобы главный пункт меню оставлся в состоянии :hover. Заранее спасибо
0 votes2 answers -
проблемы с background
Добрый день, сейчас верстаю один макет, и столкнулся с такой проблемой: http://s011.radikal.ru/i315/1201/ba/9a2f69f0373a.png беграунд сверху размером 1800px и блок контента должен быть посредине. На 1920х1080 все отлично. Однако на меньших разрешениях выходит вот так: http://s018.radikal.ru/i510/1201/2e/9d8e19e9d506.png Вопрос, как сделать что бы на всех разрешениях все выглядело одинаково? Я вот думаю по поводу: Отдельный бг для каждого разрешения, такое возможно? Если да, то как сжимать картинку, ибо нужно сжать только горизонтально, а вертикально вроде бы должна быть такой же.
0 votes10 answers -
Проблемы с background
Вот у меня такая проблема. На этом сайте Страница сайта, в области контента (два background), один no-repeat, другой repeat-y. Можно ли сделать так, что бы второй начинал повторения после первой картинки? Уже все перепробовал, и блоки друг в друга вставлял, не знаю что и делать, важно, что бы при увеличении контента второй bg удлиннялся
0 votes4 answers -
Проблемы с background image
У меня на сайте должно использоваться 2 фоновые картинки, но как сделать так, чтобы основной была одна картинка, а главные страницы каждого каталога - отображалась другая картинка. Я основную картинку записал в файл CSS, а на главных страницах через аттрибут style тега body отбражалась картинка №2. Сделал это, так Ie вкачестве картинки дал белый фон!
0 votes14 answers -
Проблемы с background-attachment
Здравствуйте уважаемые форумчане! Кажется сто лет здесь не была и наверное поэтому при верстке простого макета столкнулась с такой проблемой. Необходимо чтобы ячейка таблицы имела фиксированную высоту, не повторяющийся фон и еще текст находящийся в ней скроллировался. Я почитала в справочнике про свойство background-attachment и написала такой стиль: #centr { background-image: url(../images/content.gif); background-repeat: no-repeat; background-attachment: fixed; } Вот код страницы: <html> <head> <title>Магазин цветов</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link href="css/style.css" re…
0 votes2 answers -
проблемы с bootstrap
Добрый день!Начинающий верстальщик, прислали тестовое, столкнулась с глупой проблемой. Не могу понять,как правильно разметить страницу для верстки бутстрапом. в макете дано 12 красных колонок (ширина слоя написано 960). Начинаю с div class="container", и дальше не понимаю... С остальными элементами вроде бы проблем нет. Прощу помощи по разъяснению, как правильно разметить конкретную страницу,перерыла весь ютуб с уроками, там все поверхностно.Макет в ссылке. Благодарю заранее. http://prntscr.com/8wapzv
0 votes10 answers -
Проблемы с clear
Привет, прошу совета товарищи, в общем проблема заключается в следующем: есть такой код: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } body { margin: 5px; padding: 0; } div.left { float: left; width: 250px; } div.left p { background-color: #FFCC66; } div.right { margin-left: 250px; } div.right p { background-color: #FF9966; } </style> </head> <body> <div class="left"> <p>left</p> <p>left</p…
0 votes6 answers -
Проблемы с clearfix и высотой блока
Я знаю, тут сидят опытные люди. Я сам занимаюсь версткой не первый год, и считаю себя достаточно профессиональным в этой области. Для чего я это написал. Не давно меня поверг в ступор один баг (может фича) связанный с clearfix'ом (я полагаю его использует больниство верстальщиков) Собственно код для ознакомления тут http://codepen.io/anon/pen/yFnJo Вопрос: почему растягивается первый item на высоту sidebar'a?
0 votes13 answers -
Проблемы с CSS background-image
Не работает background-image css body { background-color: #000000; background-image: url("image/gr.jpg"); background-repeat: repeat-x; } html <html> <head> <title>Глвная</title> <link rel="stylesheet" type="text/css" href="css/style.css" /> </head> <body> <img src="images/01.jpg" alt"картинка"> </body> </html>
0 votes8 answers -
проблемы с CSS в Explorer
Всем привет! Столкнулся с проблемой при создании выносного(расширенного) меню с помощью css. Странички пишу в html коде, в опере и мазиле всё отображается замечательно, но вот эксплорер не хочет работать. Как я уже сказал в опере всё работает, наводишь курсором на строку в меню и справа появляется расширенное меню (то есть пока курсор не наведёшь его не видно). А в эксплорере даже наводить не надо, всё отображается списком. ХЕЛП? что исправить или дописать? В файле css следуюший код: ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none; margin: 0; padding: 0; } ul.dropdown { width: 170px; z-index: 500; background: #ffffff; } ul.dropdown > li { …
0 votes12 answers -
css Проблемы с CSS в Джумле (поля выбора варианта)
помогите правильно поправить css в графах выбора варианта, было еще хуже, но сейчас маленькая проблема осталась в chosen.css надо стили дропдаунов выбрать, я поставил те что подошли, тоесть inline-block дк оно когда выпадает занимает все место куда выпало(отодвигает) посмотрите сами http://legion-m.pro/product/костюм-мужской-вихрь-ямал-зимний-хаки-комбинированный-кошачий/category_pathway-14 в самом товаре например, или там внизу есть еще заказ звонка, там тоже такая тема .-.
0 votes0 answers -
Проблемы с css,связанные с джумлой
Здравствуйте)Помогите мне пожалуйста разобраться с css в джумле...Дело в том,что до того как я занес свой шаблон в джумлу он у меня отлично отображался,но после его установки он начал "сьезжать" в левую сторону и перестал растягиваться во всю выоту экрана...Я попробывал это исправить своими силами,но в итоге у меня получилось,что нормально отображаться сайт стал лишь в опере,в остальных браузерах у меня он изображается криво. Вот код моего css,отвечающий за вывод основного блока: .table { border-top: solid 1px #000000; border-bottom: solid 1px #000000; border-left: solid 1px #000000; border-right: solid 1px #000000; width: 900px; margin:40px 0px 40px 0px; heig…
0 votes11 answers -
Проблемы с div
Вот начитался статей про div и понял что пора бы уходить с тейблов))) Возникла небольшая проблемка, не могу растянуть div внутри другого diva.. в общем вот код.. Вот код шаблона (сайт на жумле будет): <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <title>Trying to use CSS</title> <link rel="stylesheet" href="style.css" type="text/css" /> </head> <body> <div id="header">HEADER</div> <div id="tmenulimg"></div> <div id="tmenu">Top Menu must be there</div> <div id="search"> <div id="tmenurimg"></div> <div id="tmenufind">Search module must be th…
0 votes2 answers -
Проблемы с div- меню в IE6
Привет всем! помогите разобраться: Есть страница с меню слева, вот адрес http://wp.artmagazine.ru/?page_id=2 Везде, кроме IE6 (в IE7 не проверял), все работает, как надо. В шестом же эксплорере не меняется при наведении фон, и что я совсем не могу понять, съезжает вниз текст. Вот код, касающийся меню: на странице <div class="sidebar"> <div class="button"><a href="#" class="pages">Защита древесины</a></div> … </div> в стилях .button { background-image: url(img/brevno.jpg); background-repeat: repeat-x; height: 15px; width: 180px; } .button:hover { background-image: url(img/brevnored.jpg); background-repeat: repeat-x; height: 15px; w…
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
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-