Cryolite

Видишь ли, проблема в таком случае начинается в отвязке пагинации. Потом картинки будут добавлятся в админке, так что стили не очень таки тут будут.. Я вообще не знаю, что и делать) Там только сам background-image меняется (у кнопок обычно есть id), но можно сделать свою с <img /> и делать click() по родной невидимой кнопке. (Хотя этот способ, наверное, не самый лучший)

Можно взять именно слайдер, а pagenation (кнопки с номерами) оформить css (т.е. сделать background, inline-block и пр) а по факту это останется кнопка с номером. Только вот со второй группой возможно не все-так просто...

Обычно все равно делается внешний div после body для которого указываются размеры и overflow:hidden (для сброса float'ов), а уже в нем колонки, в которых находится контент. При таком подходе ничего не режется (если не загружать мега картинки 1000*1000 и т п). Максимальную и минимальную ширину можно не указывать, хотя и желательно. .layout { min-height: 100%; margin: 0 auto; max-width: 1300px; min-width: 1000px; overflow: hidden; } Посмотрите http://htmlbook.ru/samlayout/tipovye-makety/rezinovyi-dvukhkolonochnyi-maket и другие, практически все варианты рассмотрены.

Там обычное меню с фоновыми картинками, в т.ч ленточки. Поэтому создается иллюзия объема. (Многие картинки можно заменить на CSS3)

Еще актуально

Возможно не корректно задал вопрос. Попробую переформулировать. 1) Стоит ли в первом случае обращать внимание на масштабирование? 2) Стоит ли привязывать инпуты к em ам или оставить в пикселях. Ведь если размер шрифта большой инпут может сломаться. 3) Какой максимальный font-size в % (обычно) стоит учитывать при верстке. Буду признателен за совет

Добрый день Сделал флажок с помощью :after ?<div class="flag-header"><a href="#">eeeee</a></div>? body { font-size: 100%; } .flag-header { font-size: 1em; font-weight: bold; background: green; color: black; padding: .75em 4em .5em 2em; display: inline-block; *display: inline; zoom: 1; position: relative; overflow: hidden; } .flag-header a { color: black; font-weight: bold; } .flag-header:after { content: ""; position: absolute; right: 0; margin-top: -.6em; border-right: 1.2em solid #fff; border-top: 1.2em solid transparent; border-bottom: 1.2em solid transparent; border-left: 0; width: 0; height: 0; } При увеличении размера шрифта в body флажок масштабируется нормально, однако при изменении масштаба ctrl+/ctrl-. after-часть увеличивается непропорционально. (А если перевести в пиксели он останется постоянного размера, что в данном случае не подходит). Есть ли смысл менять и если да, то в какую сторону смотреть. 2) как лучше делать input type="text" (блок search), если контент em ный. На данный момент оставил c фиксированным width и шрифтом в px. <div class="search"> <input type="text" /> <input type="button" value="bg_image " /> </div>

Я возможно не совсем понял. html { height: 100%; } body { height: 100%; background-image: -moz-linear-gradient(bottom, #eee 0%,#aaa 20%,#fff 20%, #fff 100%); ... } Если появляется вертикальный scroll, gradient остается на месте. background-attachment: fixed дает немного иной эффект.

Доброго времени суток Можно ли прикрепить сss градиент внизу. (как при использовании background-position: 0 100%)/ Вариант с background-attachment: fixed не подходит. Градиент больше высоты подвала и тянется на всю ширину. Сейчас использую 'base64 jpg'+background-position для body. Можно ли как-то иначе? Заранее спасибо. PS Поиск выдает ошибку...

Большое спасибо!

Добрый день. Подскажите пожалуйста, как можно решить проблему. Имеется блок фиксированной (кратной) ширины. Необходимо сделать несколько стрелок снизу блока. Но с помощью after и before можно сделать максимум 2. В моем случае оба используются для 1 стрелки. .arr { position:relative; margin-bottom: 5px; } .arr:after { content: ''; width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 0 10px; border-color: green transparent transparent transparent; position: absolute; margin-left: -10px; left: 50%; margin-top: -1px; } /*имитация border*/ .arr:before { content: ''; width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 0 10px; border-color: red transparent transparent transparent; position: absolute; margin-left: -10px; left: 50%; top: 100%; margin-top: -5px; } Как оптимальнее всего сделать, скажем, 3 стрелки через равный промежуток для широкого блока? _______________ | | | | | | —————-- \/ \/ \/