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
-
помогите разобраться почему контент наесжает нафутер
Добрый день, подскажите как отобразить правый блок, что он не вылазил за пределы контента и не налазил на футер?ниже код + картинка с ситуацией и оригинал как должно быть.http://pixs.ru/showimage/Poluluxpng_2006138_13481157.png то что получилосьhttp://pixs.ru/showimage/VillaSanMa_6140906_13481174.jpg PSDв центральном блоке бэкраунд - картинка по высоте 700пикс. как в псд. проверял по высоте и отступам каждый блок все задано правильно! Спасибо за помощь! http://jsfiddle.net/mrfrunze/ogn360n6/9/
0 votes5 answers -
Не работают тултипы (tooltips) в IE
Добрый день. Прошу совета и помощи в решении проблемы. Есть сайт, на котором мне нужно исправить ошибки. Верстал и натягивал его на WP не я, а вот делать исправления, так вышло, что нужно мне. Но дело в том, что с версткой у меня не очень (сам я дизайнер). Вот на этой странице услуг http://www.posadnv.ru/services/ у нас есть схема. При наведении на неё вылезают тултипы, в которых буллетами перечислено содержание услуги. Проблема в том, что эти тултипы не работают в IE. Сделаны они через CSS. В чем загвоздка понять не могу. Так же там есть маппинг, вокруг области полукругов. На самом деле глобально, там не нужен ни маппинг (хватит тултипа и просто на 1 картинке ц…
0 votes1 answer -
Переход с табличной вёрстки на вёрстку слоями
Добрый день, друзья! Я даже не знаю как сформулировать свою проблему. Нужно код ниже сверстать слоями. <table width="950px"><tr><td><nobr>Очень длинный текст</nobr></td><td><nobr>Ещё один очень длинный текст</nobr></td><td width="100%">Резиновый блок</td></tr></table>Ни какие размеры блоков заранее неизвестны, кроме ширины макета. display: table не предлагать. Т.е. что я имею ввиду: есть блоки, которые должны быть размещены по горизонтали, при этом последний из них должен занять всё оставшееся место. Количество блоков неизвестно, но их явно не меньше двух.
0 votes8 answers -
Не работают стили в IE
Помогите поправить стили дял IE9, IE9+ - не работает централизация - задний фон на весь екран Web: http://nailart-studio.com/ Css: http://nailart-studio.com/css/style.css http://nailart-studio.com/css/menu.css
0 votes4 answers -
Простой вопрос по бутстрапу.
Может вопрос и глупый, но не могу понять. 1. Есть классы для колонок для разных устройств: col-xs, col-sm, col-md, col-lg. Смотрела примеры макетов, там не все эти классы указываются, например <div class="col-md-8">...<div class="col-lg-8">...<div class="col-xs-12 col-md-8">...Т.е, не для всех устройств, к примеру мне нужно, чтобы на lg и md было 2 колонки, а на sm и xs - одна, могу опустить классы, написав <div class="col-xs-12 col-md-6">... 2. Если колонка занимает 12 колонок на всех устройствах ее надо в отдельный row? Или когда колонки располагаются в несколько линий, каждую линию в row? Я понимаю, что можно всяко, но как правильнее будет п…
0 votes2 answers -
Заставить блочный div не переносится на другую строку
Всем привет. Есть html-код: <div> <span>1</span> <span> <span>2</span> <span> <span> <div>3<br/>4</div> </span> </span> </span></div>, который дает результат: , но результат должен быть таким: Помогите пожалуйста расставить стили, что бы разметка приняла нужный вид. Вот на всякий случай заготовка на jsfiddle
0 votes5 answers -
прижать футер
напомните пожалуйста как футер прижать к низу экрана jsfillde
0 votes10 answers -
Как верстать для мобильных устроств?
Здравствуйте. Порылся в интернете и обнаружил что на сегодняшний день эта тема тёмный лес. Всё что я нашёл было устаревшей информацией 2008 - 2012 годов. Где бы и как поискать\почитать информацию о том, как же всётаки верстать макеты для мобильных устройств (смартфонов, планшетов). Там же есть разница, например для планшетов другие размеры нежели чем для мобилы, а ещё есть и вертикальное положение устройства и горизонтальное, устройства различных размеров. В общем буду рад если вы поделитесь всем что у вас есть по этой теме
0 votes10 answers -
Резиновый сайт
ЧИТАЕМ МОЙ САМЫЙ ПОСЛЕДНИЙ ПОСТ!!!
0 votes8 answers -
background-size: cover + backgroud-attachment: fixed на ipad?
Имеется такой код .slide { background: url(../img/1.jpg) no-repeat; background-attachment: fixed; background-position: center center; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}Все десктопные браузеры понимают его нормально (IE не интересует). Проблема возникает на ipad-е. Картинка масштабируется на 2 раза больше (примерно) чем нужно. В коде своего рода хак для IOS - сначала 100% потом cover, но это не помогло. Когда меняю background-attachment: fixed на scr…
0 votes1 answer -
Вопрос по форому
http://savepic.ru/5605500m.htm помогите выровнять плиз
0 votes5 answers -
выпадающее меню
добрый вечер, проблема с меню, не отображается на hover http://jsfiddle.net/mrfrunze/ogn360n6/3/ подскажите в чем подвох? Спасибо.
0 votes2 answers -
IE9 неправильно выстраивает элементы. В чём причина?
http://tellmeof.cc.ua/MetroUI/metroui.html Нормальные браузеры при ширине области просмотра более 960px выстраивают плитки в два ряда. В IE9 что-то ломается, и ряда становится три. Не могу понять что происходит.
0 votes1 answer -
Вёрстка колонок
Сейчас лучше чем верстать колонки сайта: флоатами или inline-block?
0 votes1 answer -
Подложка активного пункта меню
Добрый день, Уважаемые специалисты. Вопрос такого характера. На сайте http://ptss.webformat.by/ как сделать подложку активного пункта меню по центру? Заранее спасибо!
0 votes1 answer -
Условие в форме
Есть форма некая Анкета. В анкете такой вопрос: Вопрос - Когда вы посещали поликлинику Ответы - 1) Посещали (указать дату и год) 2) Не посещали Как сделать условие если пользователь поставил галочку "Посещали" показывалось текстовое поле для ввода года и даты?
0 votes6 answers -
Какие размеры дисплеев нужно учесть
Пишу сейчас дизайн, хочу сразу подготовить всё для адаптивности, изучил все статьи из списка по теме, пока вот выбрал себе 4 как наиболее вероятные: @media only screen and (max-width: 480px) {}@media only screen and (max-width: 768px) {}@media only screen and (max-width: 1024px) {}@media only screen and (min-width: 1025px) {}Может подскажете какие нужно учесть обязательно?
0 votes16 answers -
Прошу помощи гуру=)
Привет всем! Ребят, помогите решить задачу!!! Есть сайт sledd.ru. Он завёрнут в блок (блок-тень), которому задана тень, его высота 100%. Основной блок (main-cont) имеет высоту min-height:100%. Подвал прижат книзу. При переходе на страницу с большим количеством контента (допустим http://sledd.ru/products/screens/outdoor/gt6-osx.html ), тень доходит до того места, где у блока "блок-тень" заканчивается 100%, дальше тени нет! Как можно правильно реализовать тень по всей высоте, при том, что сайт должен открываться на всю высоту экрана с прижатым футером???
0 votes2 answers -
Встроенный плеер, замена object на iframe
Кратко суть проблемы. Есть сайт на Wordpress, есть аудиоплеер Uppod. Он генерирует код встраивания с помощью тега object с ссылками на (при помощи param): - файл самого плеера (uppod.swf) - файл стиля (номер_стиля.txt) - файл .mp3 Кроме того, в param могут быть прописаны название проигрываемой мелодии и целый ряд дополнительных параметров. (Все необходимые файлы хранятся на моём сайте, не на Uppod.) Wordpress с тегом object работает некорректно, с iframe нормально. На форуме техподдержки Uppod мне сказали, что единственный выход - перейти на использование iframe. Создать страницу с плеером, чтобы вставить в iframe ссылку на неё - не проблема, всё работает. Проблема в то…
0 votes6 answers -
Автоматический подгон изображения.
Здравствуйте! Вплотную коснулся проблемы с добавлением изображений когда необходимо добавлять изображения без предварительной обработки и изменения размера изображения. Подобное реализовано к примеру на FancyBox, когда превью картинки обрезается и картинка не искажается в зависимости от пропорций исходной картинки. Хотел бы найти инструмент как реализовать подобное. Вроде как наткнулся на реализацию с помощью php http://recens.ru/php/resize_and_crop.html, имеется ли что-то подобное на js и css?
0 votes5 answers -
Очень нужна помощь в оценке лендинга строительной компании!
Здравствуйте! Впервые заказывали лендинг. Вот что нам прислала фирма которую нанимали для этого http://kaktus-group.ru/stshome/ Вроде ничего- нам нравится. Но мы мягко говоря чайники в этом вопросе, вот и решили выставить на суд общественности. Заранее спасибо всем откликнувшимся!
0 votes7 answers -
Смайлы
Ребят, помогите пожалуйста. Я только только прошёл уроки по HTML и CSS и решил создать пробный сайт. Выбор темы упал на сайт со смайлами для статуса в ВК (Пример - http://k-94.ru/emoji/.) Проблема состоит вот в чём: Я прописываю код смайла в свою таблицу (в index.html), но на странице отображается не код, а какие то иероглифы, т .е. браузер переводит этот код в какой то квадратик... Не знаете в чём проблема?
0 votes4 answers -
Вопрос про вёрстку формы
Вот в макете есть форма комментарий, верстальщику её надо сделать полностью рабочей, например, если написать текст и выделить его и нажать на "B", то текст становится жирным или это работа программиста?
0 votes4 answers -
Круглая рамка с несколькими цветами (процентное заполнение)
Помогите пожалуйста сверстать вот такую рамку)
0 votes3 answers -
Отображение сайта в стандартном браузере Андроида
Сделал простой сайтик. Во всех браузерах отображается правильно кроме стандартного браузера на Samsung Galaxy s3. А заказчики требуют, что бы все было корректно. Их понять можно. Но вот не понимаю почему в стандартном браузере ползет вниз правый блок. Вот так отображается в стандартном браузере: А вот так отображается в Хроме на том же телефоне: Подскажите пожалуйста в чем может быть проблема? Сайт можно посмотреть по адресу http://orangeprofi.ru
0 votes6 answers