maxakagaret

именно это я и имел ввиду, когда сказал про неприемлимость - использование бутстрапа обязательно и права выбирать не не предоставлено. А за указание на флекс и грид - спасибо. отсутствие знаний, как это сделать =)

Ни один из указанных методов не подошел по причине того, что там работают с фоном, а не с блоком. А что означает "дизайнер-совок"? Если вы ссылаетесь на советский союз, то вы серьезно ошиблись - дизайнер европеец. И не могли бы ва поподробнее объяснить про flex и grid, если вас не затруднит. P.S. вариант с display:table не приемлем (в силу того что не подходит для 320 пикселей), таблицы тоже.

Приветствую профессионалов и новичков html/css Столкнулся со старой проблемой - как растянуть див по высоте родителя. Не кидайте в меня тапком и не отсылайте в гугл, ибо моя проблема несколько отличается от привычной. В верстке я использовал bootstrap, а конкретнее колоночную верстку (col-lg, col-md, col-sm и так далее). Выглядит это так: Как можно заметить, левая колонка не дотягивает до низу. Точнее не дотягивает полупрозрачный коричневый фон. И все бы ничего, можно было бы использовать старый добрый "margin-bottom:-6000px; padding-bottom:6000px;", но при разрешении экрана 320/480 (читай смартфон) колонки встают друг за другом по вертикали, вот так: И полупрозрачный фон коричневой колонки накладывается на полупрозрачнвй фон белой колонки, в результате чего фон последней становятся грязно-серым. Есть ли решение для данного случая - то есть, чтобы блок тянулся по вертикали до нижнего края родителя или до следующего блока.

Этот вариант сработал, спасибо.

Результат тот же, что и при disabled на select

Нет. Тем более что этого аттрибута у селекта нет.

Приветствую профессионалов и новичков. Столкнулся со следующей проблемой - как заблокировать изменение select при этом сделав его видимым в массиве $_POST. Аттрибут disabled для этих целей не подходит.

По-моему это крайне логично. =)

Можно вопрос на какой планшете пробовали? (Просто на всех смартфонах, которые у меня есть все нормально) Нужно для внесения изменений или исправления ошибок. Конечно. Планшет IPAD второй, смартфон самсунг (какой - не знаю, пользовался чужим) и, наконец, сочетание коавиш Shift+Ctrl+M в Firefox

спорное решение, ибо некорректно работающее. На смартфоне, планшетнике и любом девайсе с дисплеем < 938px (почему такой размер у врапа - непонятно) сайт-пример отображается некорректно. To EAGames. Нашел ошибку в вашей верстке. Вы для многих эдементов задаете явную ширину. Для адаптивной верстки это недопустимо. Пользуйтесь свойствами max-width, min-height и иже с ними

Могу посоветовать вам механизм 12-колоночной верстки с использованием Bootstrap. Кроме того <meta name="viewport" content="width=device-width, initial-scale=1.0"> все-таки стоит оставить. Могу предположить, что не дает уменьшаться класс container в <div class="C"><div class="container">. Но скорее всего не только он.

Благодарю.

Приветствую профессионалов и новичков верстки. Столкнулся на днях со проблемой использоапния шрифтов на сайте. Прежде активно пользовался гугловским сервисом, однако последнее время стали наблюдаться перебои в его работе и в итоге на странице текст отображается шрифтом по умолчанию, что никак не устраивает (это я еще молчу про время, которое требуется из-за этого на открытие страницы). Поэтому появилась необходимость отказаться от гугла и грузить шрифт с сервера. Вот тут и появилась сложность. К примеру шрифт Dosis. У него различные начертания (Dosis-Book, Dosis-Medium, Dosis-Light, Dosis-SemiBold ...) расположены в разных файлах. Когда шрифт подключался через гугл, то использовалось только имя шрифта, а начертание задавалось при помощи font-weight (например, для Dosis Medium font-wieght:500, для Dosis-Semibold font-wieght:600). Можно ли подключить этот шрифт без гугла так же под именем Dosis, и очертание задавать font-weight'ом при помощи средств HTML/CSS или, в крайнем случае, JS. Или же можно сам шрифт объединить в один файл?

Еще раз спасибо за предложеное решение. После некоторых модификаций прекрасно встало на шаблон.

Спасибо, хорошее решение. Правда совместимость несколько хуже, чем у border-radius. http://jsfiddle.net/3wZ9y/2/ Как Вам такой способ? Неровно получается.

Спасибо за статью, почерпнул там интересную и полезную информацию. Однако проще - не значит лучше. Подгружать картинку 1500х300 для фона - не лучшее решение для оптимизации сайта. Но все же остается вопрос о позиционировании - насколько мне известно центрировать плавающий блок по центру так же, как фон (left:center), нельзя.

Без фамильярностей, пожалуйста. Решение состоит в том, чтобы div с абсолютным позиционированием позиционировать по центру родителя.

Отпишешь тут через пару лет, думаю решение найдешь) Ваша "ирония" неуместна. Советую обратить внимание, например, на http://htmlbook.ru/blog/golosovanie-za-luchshee-izobrazhenie Или попроще http://htmlbook.ru/blog/treugolniki-cherez-css

Видимо, я неточно изложил суть проблемы. Сложность заключается именно в нижней части фона - которая изогнута. Решение, конечно есть - фоновый рисунок с позиционированием по центру, но интересно именно html/css решение. Как я указал в описании проблема в том, что я пытаюсь найти решение с использованием именно html/css.

Привествую профессионалов и новичков вкрстки. Стокнулся с некоторой проблемой во время верстки сайта Верстка резиновая и с ней как таковой проблем нет, чего не скажешь о фоне Вот такой вот борк должен быть на главной странице. И как это сдедать с помощью HTML/CSS - я понять не могу. Решение с JS имеется, но прежде чем его применять, хотелось бы удостовериться что без JS не обойтись. Еще раз подмечу, что верстка резиновая.

Про два заголовка мне мысль сразу пришла в голову, но в том то и проблема, что не прокатит.

У кого-то просто комплекс неполноценности)бывает Действительно. Хотя может мимо правильной кнопочки кто-то промахнулся... Кстати возвращаясь с теме, все-таки есть один минус в предложеном решении - нельзя отрегулировать отступы текста с боков. Точнее можно, но левый будет работать только для первой строки, а правый для второй.

Все гениальное просто =) Спасибо большое за помощь.

Google последнее время работает со сбоями, потому и не подгружается шрифт. На собственной шкуре с этим столкнулся - на локалке пока нестандартные шрифты были - проблем не было, как только удалил - шрифты на сайте с подгрузкой из гугла стали отображаться через раз. Как подгрузку с сурвера сделал - проблема исчезла.

Приветствую профессионалов и новичков верстки. На днях столкнулся с задачей, оказавшейся для меня необоримой. Все, я полагаю, знают кнопочку в роде со значком маркера-фломастера, который выделяет цветом текст, причем если выделены две строки, то между полосками цвета имеется зазор, что и отличает \ту кнопочку от кнопочки "заливка фона". Вот с такой задачей и столкнулся. Имеется текст в тэге h2. На экране он отображается в две строки, причем вторая строка короче первой. Нужно сделать как раз такой эффект как в Ворде - фон должен быть залит цветом, между строками должен быть прозрачный зазор. Использоавание заливки картинкой png с repeat не удовлетворяет требованияй, ибо во второй строке заливка распространяется на всю долину, а надо, чтобы только на длину текста во второй строке. Сделать нужно именно на html/css без js и текст должен располагаться в одном тэге Картинка, как должно быть, прилагается. Буду признателен за любую помощь (кроме советов прибить дизайнера =) )