binomer

И какая будет минимальная и максимальная? Может быть, я тебе свой совет зря дал. Возможно, там и ширина, и высота нужна. Так что проверь. А насчет мин. и макс. ширины. Очевидно, неплохо поставить максимальную ширину 1912 ( как размер фонового изображения). А минимальная - это ширина твоего контента основного. Ну и контент, естесственно, надо центрировать.

Еще минимальную и максимальную ширину надо поставить. У меня работает во всяком случае. Ну или просто ширину (хотя это вряд ли подходит)

Спасибо, теперь открывается. То есть класс clearfix надо добавлять к предыдущему блоку, для которого он должен работать. Спасибо. И за уголки спасибо. Думал об этом. Но хотелось как-то сделать посовременнее, а в итоге не вышло.

background-size: coverнапример, может помочь

В левом блоке. Заголовок. Today best choice

А еще варианты не подскажете?

background-image: url(../img/bg_top_content.png), url(../img/bg_medium_content.png), url(../img/bg_bottom_content.png); background-repeat: no-repeat, repeat-y, no-repeat; background-position: 50% 0, 50% 10%, 50% 100%;Такой способ ожидаемо не взлетел. repeat работает, а position - нет. Я же говорю, пытался сделать именно так. Хоть в процентах, хоть в пикселях. В принципе, в процентах по вертикали вообще неправильно писать, я же не знаю, сколько это будет занимать при разном количестве контента

Меня тот же вопрос интересует. Как грамотные люди делают-то?

Разреши поинтересоваться...зачем ты так хочешь сделать? Мне просто ни одна мысль в голову не приходит, где бы каждый символ надо было бы оборачивать в тэг

В блоке комментариев, скорее всего, можно перейти в профиль пользователя, нажав на его имя. Поэтому, наверное, это ссылка. Еще есть опечатка. Вместо choise - choiCe. При ширине экрана в 320 пикселей уже совершенно ничего не понятно. В левой колонке не видно половину слов. Да и вообще при таком разрешении уже имеет смысл располагать блоки в другом порядке, а не сжимать их сильно-сильно А так вообще прикольно, посложнее, чем то, что я делал

Всем привет! Решил вернуться к этому занятию и сверстал третий макет. Думал, что будет хоть какой-то прогресс по сравнению с первыми, но как-то не очень. Поэтому и критикуйте. Вот ссылка на работу, вот на jpg c макета А вот исходный код (НЕминифицированный): HTML, CSS Что было сделано плохо: 1. Не разобрался с фоновыми изображениями, конкретно в этом макете. К скругленным внутрь углам, еще добавляется тень, поэтому с помощью радиальных градиентов сделать не смог.. Потом попытался поделить фон контента порезать на три части и среднюю повторять по вертикали, но тоже как-то не удалось. Отсюда получился жестко фиксированная высота контента, что очень плохо 2. Не разобрался пока с jQuery, JS и каруселями. Начал было делать по чужому образцу, но понял, что далеко так не уеду, надо брать в руки книгу и изучать с самого начала. 3. Заголовки картинками. Шрифт в макете оказался платным или то, что находил в интернете под этим названием, - оказывалось совсем другим. Поэтому заголовки оказались картинками. Что было сделано хорошо: 1. Хорошо пощупал в процессе градиенты и тени. 2. Забацал свой первый в жизни спрайт 3. HTML, CSS проверены валидатором - без ошибок 4. Изображения и файлы минифицированы Кажется, что плохого больше, чем хорошего. Вот по тому, что я сделал плохо, я бы точно хотел услышать ваши советы

А последовательность верная? Сначала префикснутое свойство, последним стандартное? Да, последовательность верная была. Но мне всего равно пришлось отказаться от того способа, что я хотел, потому что там на макете еще и тень и др. Я такое не смог пока. В общем, всем спасибо за ответы, скоро сделаю, будете сильно критиковать, потому что у меня пока нет ответов на многие вопросы, которые появились.

Я там недавно был. И все же. Мой Хром отказывается это запускать. А, кстати, SeleIT, не будете любезны ответить..все-таки насколько важно поддерживать сейчас тот же самый Хром версий, эдак, 5 назад?

Вообще, как сейчас замечено, без префиксов эта штука работает только в Firefox

Просто в макете, который я решил сверстать есть вот такая штука (вторая картинка со скругленными углами): http://lea.verou.me/2011/03/beveled-corners-negative-border-radius-with-css3-gradients/ Собственно, там способ и нашел, сам бы не догадался ни за что. Вот я в ней немного ковырялся. Потом посмотрел на caniuse, увидел, что Chrome избавился от префикса в версии 26 или, в частности iOS - в версии 7. Про IE и его поддержку много написано, а вот насколько важно поддерживать браузеры несколько версий назад? А тут заметил, что синтаксис и правда слегка отличается для версий с префиксами и без. Ну я к этому же выводу пришел.

Добрый день! Гуглил целый вечер, так не до конца и понял. Я могу написать так, это работает: radial-gradient(45px 70px at bottom left, transparent 100%, rgb(255,255,255)),А вот так уже не работает: moz-radial-gradient(45px 70px at bottom left, transparent 100%, rgb(255,255,255)),С другими префиксами та же фигня. То есть, получается, что если оставить, как есть, то несколько устаревшие версии браузеров правильно это не нарисуют. Собственно, можно ли с этим что-то делать? Я так понял, что нет.

Спасибо-преспасибо!

Допустим, что у нас есть на странице отдельный блок во всю ее ширину. И в этом блоке несколько изображений, равномерно расположенных по ширине. Как в таком случае, например. ЗЫ. div - это я как раз подразумевал float. Что-то недописал.

В огромном множестве макетов можно найти, скажем, несколько изображений в ряд или даже несколько рядов. Или необязательно изображений. По сути это выглядит как таблица, но исходя из логики таблицей не является. Как по мне, то такие моменты удобно делать с использованием display: table, display: table-cell. Какие еще есть варианты для решения такой задачи? И какой из них "правильнее"?

Нашел только для 2.1, а еще какие-то разрозненные части типа боксовой модели, информации по бэкграундам и т.д. Вопрос 1. Есть ли стандарт CSS3? Вопрос 2. Правильно ли я понимаю, что нужная инфомация находится на сайте w3.org? Вопрос 3. Почему многие части рассматриваются отдельно (как сверху описал)? Плохо гуглил, уже нашел: http://css-live.ru/articles/macssaraksh-razmyshleniya-o-standartax-css.html

Только ради того, чтобы что-то сказать Ты одну иконку в футере пропустил.

Zverushka, не была бы ты так любезна оценить более глобальные косяки?

А чем float не устраивает? Хм, да. собственно, всем устраивает. Просто слышал звон где-то, что много флоатов на страницу - очень плохо и верстку в помойку. Или если они содержатся в каком-то еще блоке, то нормально?

1. Ок, надо внимательно чтить новые тэги HTML5 2. Да, на самом деле понимаю, что таблица там не к месту, но мне показалось, что это проще в плане придания нужного внешнего вида. Или также table-cell и вперед?

Ну я так посмотрел, в каруселях на jQuery навигация "вперед-назад" кнопками сделана, например