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
-
div в div'e
Вопросик=) мне нужно отпозиционировать список ... в коде я его поставил между комменттариями <!-- ТО ЧТО ТРЕБУЕТСЯ ОТПОЗИЦИОНИРОВАТЬ - (НАЧАЛО СПИСКА) --> и соответственно <!-- ТО ЧТО ТРЕБУЕТСЯ ОТПОЗИЦИОНИРОВАТЬ - (КОНЕЦ СПИСКА) --> Хотелось бы чтобы он был над выпадающим меню, и не потерял "кликабельность" ... <!DOCTYPE html> <html> <head> <title>JAGUAR</title> <style> *{margin:0;padding:0;} body { font: 14px/1.4 Georgia, serif; background: #333; overflow-x: hidden; } .menu { position:absolute; padding-top:253px; padding-left:48px; margin:0 auto; } .nav { box-shadow:10px 10px 10px rgba(0,0,0,0.5); min-width: 800px; padd…
0 votes0 answers -
Линейные градиенты в разных браузерах и таб
При помощи сервиса http://www.colorzill...radient-editor/ создал линейный градиент, немного доработал код и сделал то, что хотел: так отображается в FireFox, а в IE 9.0: как видите, не то что хотелось бы, причём в последней версии Хрома, граница также видна. Как исправить? (http://prodpak.ru) background: white; /* Old browsers */ background: -moz-linear-gradient(top, #F3EEEB, white, white, white, white, white, #F3EEEB); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F3EEEB), color-stop(83%,white), color-stop(100%,#F3EEEB)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #F3EEEB 0%,white 83%,#F3EEEB 100%); /* Chr…
0 votes5 answers -
Наложение цвета на фон
Приветствую ребята. Подскажите как мне поверх картинки наложить цвет с прозрачностью. html { background: url(../img/bgimg.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center; background-size: cover; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover;}Хочу поверх этого фона положить цвет с прозрачностью 95% rgba (44, 62, 70, 0.95)Перепробовал разные варианты и ничего не получается. Подскажите как проще сделать ? Спасибо.
0 votes2 answers -
Баги хрома, большие картинки, пропадающий фон и артефакты у картинок
Проблема только в хроме. Много больших картинок, прозрачных слоев = проблема в паралаксе. Открыть на весь экран http://html2css.ru/travel3/ - при прокрутке пропадает фон (можно увидеть только на больших экранах). фикшу через - * { -webkit-backface-visibility: hidden;}http://html2css.ru/travel2/ Появляется новая проблема - если подвигать мышкой - можно увидетЬ, что у некоторых картинок паралакса появляется как бы граница (экран нужно прокрутить тоже, чтобы увидеть). Как пофиксить это?
0 votes0 answers -
Непонятный отступ
Всем привет! При верстке лэндинга столкнулся с такой проблемой: снизу между картой и остальными блоками появляется непонятный отступ. Причем в фаерфоксе все нормально, а вот остальные браузеры его отображают. марджины и паддинги обнулены, фаербаг и панели разработчика в других браузерах тоже ничего не дали. Может кто сталкивался с подобным?
0 votes5 answers -
Вёрстка блога с учётом семантики для поисковой оптимизации
Не могу принять решение выбирая между main и article, поэтому решил посоветоваться. Главная страница <header><h1>Название блога</h1></header> <nav>Основное меню</nav> <main> <article> <time>Время публикации</time> <h1><a>Заголовок публикации, он же ссылка на полный текст</a></h1> Краткий текст публикации </article> .... другие 9 <article> </main> <menu>Ссылки на страницы</menu> <footer>Кнопки на каталоги</footer> Внутренняя страница <header>Название блога</header> <nav>Основное меню</nav> <mai…
0 votes8 answers -
Приоритет блоков поделиться
Здравствуйте. Столкнулся с проблемой по установке блока "поделиться", стоит плагин на рекламу, который выводит рекламный блок в конце статьи. Дак вот при установке блока поделиться он отображается после рекламного блока, можно ли задать ему приоритет, чтоб он выводился сразу после текста и потом уже рекламный блок.
0 votes3 answers -
Почему не получается сделать sticky footer через отрицательный margin?
Делаю по тутору https://css-tricks.com/couple-takes-sticky-footer/ (1й способ) Не понимаю что не так
0 votes2 answers -
CSS @Media
Здравствуйте! Прописал следующие @media для мобильных устройств: @media screen and (max-width: 768px) {} Но с экранов в 5 и тд дюймов, т.е те у кого разрешение hd и full hd, это просто не работает, как выйти из ситуации, чтобы к hd и full hd применялись прописанные @media?
0 votes1 answer -
Помогите вставить url. Не вставляется картинка
Не вставляется картинка <body> </body> body { background-image: url(references/2.jpg); } Картинку не видно...........
0 votes4 answers -
Как в лендинге получить имя и номер
Всем привет! У меня вопрос. Есть лендинг, есть форма для принятия данных покупателя. Но я не знаю куда они отправляются. Как только пользователь внесёт свои данные куда они отправятся. Где это можно настроить? В каком месте кода html? Помогите, пожалуйста
0 votes1 answer -
тест в div ниже чем нужно в IE7
Приветствую. Извените за партяну. Проблема - текст "МЕНЮ 2" ниже чем "МЕНЮ 1" в IE7 (в FF3 и Opera 9 - все правильно) - как решить не знаю, нужно поднять "МЕНЮ 2" до уровня "МЕНЮ 1". http://validator.w3.org/check - говорит что ошибок нет. <!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> <style type="text/css"> .fll { float: left; } .whb { font-size: 7pt; color: #FFFFFF; font-weight: bold; } .men { …
0 votes0 answers -
Валидация доктайпа
Не знаю можно ли тут ссылку на этот сайт дать. Вот увидел там статью: Различное отображение HTML документов в браузере зависит от объявленного Doctype. И таблицу которая немного огорчила. Так ли это? http://www.i2r.ru/static/479/out_23105.shtml По w3c полазил, ничего путного не увидел.
0 votes4 answers -
Шапка для сайта
Всем доброго утра! Нужна помощь в создании шапки сайта.. Дело вот в чем , делаю "резиновую шапку", т.е. повторяется градиент в шапке,справа размещаю flash анимацию, а посередине надо разместить картинку( png c прозрачным фоном) , выровнять картинку четко посередине почему-то не получается... думаю проблема из-за flash. Пожалуйста помогите найти ошибку в коде, и по возможности решение проблемы. Вот исходник Пришлось залить на дамп, не нашел как приклеплять... Заранее всем спасибо!
0 votes6 answers -
Как поменять положение слоя?
Есть страничка, куча слоев на ней. При вёрстке верхней части использовал относительное позиционирование, соответственно футер уполз вниз на величину двух слоев, которые я размещал позиционированием. Можно поднять футер, задав ему координаты, но тогда под ним остается всё то же пустое место. Как решается такая проблема? код пока "грязный", но визуально глянуть можно тут 1.rpif.net
0 votes8 answers -
Дизайн в три колонки
Добрый день! У меня задача - таблицу m на n сверстать блоками. То есть строки и столбцы должны автоматически подгоняться по высоте и ширине соответственно. Это возможно?
0 votes6 answers -
Спасите помогите!
Короче вот какая ситуация: взялся сделать сайт - вроде не сложно. Но как начал делать, так сразу все идеи пропали! Короче посоветуйте, пожалуйста, что делать! Вроде как уже начал: менюшку сделал, шапку нашел, но сайт какой то не структурированый, квадратный, необтесаный и не красивый. Че делать?
0 votes9 answers -
Горизонтальное меню
Пример. Как сделать в первом, а потом и в последующих подпунктах меню, текст в 2 строки. То есть, <span>Back to home</span> переместить на новую строку первого подпункта, прям под слово "Home", и граница левая должна вниз продолжиться. Скрин - здесь, так как должно быть. Спасибо
0 votes4 answers -
Код в коде html
Здравствуйте. Возникла необходимость вставить на страницу html код, так что бы он отображася именно как код, а не интерпретировался браузером как часть разметки... Поиск ничего не дал( Подскажите как это реализовать. Зараннее спасибо.
0 votes8 answers -
Валидация...
Всем привет! Последний месяц-полтора я немного отстал от жизни в плане вёрстки и сегодня при проверке валидации в своей старой работе я обнаружил 34 ошибки в CSS???(Вместо одной или двух которые там были раньше...) Скрин здесь: http://yamaradg.narod2.ru/history/Validator_CSS.jpgru/history/Validator_CSS.jpg Тоесть мне непонятно что означает: "Ошибка значения font?" Раньше такого точно не было... Ещё меня заинтересовал вопрос по валидации - но на этот раз уже связанный с Кодом HTML: В общем когда присваиваю селекту атрибут "rel=1"(или любой другой) то валидатор также начинает ругаться? (В этом случае не исключаю того что это именно я что то упустил из виду?) Скрин также пр…
0 votes7 answers -
Как сделать чтобы перенос выглядел как 2?
Возможно ли сделать стиль переноса в textarea чтобы выглядело как будто их 2? То бишь пользователь ввел: А выглядело: Причем чтобы это только выглядело как 2 переноса. И возможно ли это сделать CSS (если нет, то хотя бы JS скажите) P.s. И не только эта фраза, а любая.
0 votes7 answers -
Масштабирование против центрирования
Здравствуйте. Вот сайт есть: http://www.homotomia.ru/ Хозяин сайта попросил уменьшить фотоаппарат, чтобы он влазил в браузер. Чтобы всё было пропорционально, я выставил масштабирование сайта по умолчанию, вот так: $("body").css({ zoom: 0.65, transform: "scale(0.65)", transformOrigin: "0 0" }); document.body.style.MozTransform="scale(0.65)"; // для FireFox if ($.browser.opera) { $("body").css("marginTop", "-150px"); document.body.style.OTransform = "scale(0.65)";// Для Opera } И появилась забавная проблема, которую я не знаю как решить. Из за масштабирования, сама область документа выравнивается по левому краю в 2 браузерах, в IE и в Firefox. И из-за этого са…
0 votes1 answer -
Некорректное отображение в Chrome
Здравствуйте, уважаемые форумчане! Столкнулся с проблемой некорректного отображения одного блока в Chrome. Помогите исправить, пожалуйста. Скриншот:
0 votes2 answers -
navigator.geoLocation
Добрый день! Интересует такой вопрос: можно ли каким-либо образом подменить данные о геопозиции, получаемые при помощи geoLocation API, и затем пересылаемые на сервер? Вопрос не для использования уязвимости, если таковая имеется, а для защиты от неё. Спасибо!
0 votes4 answers -
Как установить картинку в нужное мне место
Всем привет появилась проблема с версткой дизайна для файлообменника вот как выглядит сейчас тут картинка с Лениным стоит не так как задумывалось Вот как задумывалось (набросал в фотошопе)
0 votes7 answers