mrnobody

_http://brezhneva.com/images/bg.jpg или с помощью CSS, правда градиент не очень похож http://jsfiddle.net/vXdtL/

Абсолютные и относительные ссылки

Можно блок обернуть в <a> ... </a>

nofollow теоретически не дает поисковому роботу переходить по этой ссылке, а вот тег <noindex> </noindex> запрещает индексировать. Можно только одно значение задавать.

По идее должно было подойти свойство background-size: cover; Может так попробовать: body{ background: url(kap_bg_optimize.jpg) 50% 0 no-repeat fixed; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; }

1. Выравниваем по центру блок .page: Шаг 1 2. Тянем назад блок с #search: Шаг 2 3. Делаем внешний левый отступ у формы: Шаг 3

float .qwe { background:#099; float: left; }

http://htmlbook.ru/faq/kak-sdelat-knopku-vnutri-polya-dlya-poiska

Вообще то все наоборот — ширина блочного элемента зависит от ширины контейнера (родителя) в котором он находится. А если мы укажем ширину дочернему элементу больше чем ширина родителя, то ширина потомка "пойдёт" дальше. Вот высота родителя зависит от высоты дочернего элемента.

Можно воспользоваться Sublime Text

Можно задать .wrapper box-sizing: border-box;

.JPG подходит для сложных изображений (вроде фотографий, где много цветов и их оттенков), .GIF или .PNG если используется простая графика, чистые цвета (вроде линий, текста) и самое главное прозрачность

Вот как получилось http://jsfiddle.net/ZE54T/1/ Фулл скирн: http://jsfiddle.net/ZE54T/1/embedded/result/ Еще код рихтовать нужно

Блин, закругленные уголки все дело портят (

Может background-size поможет?

Добавьте overflow: hidden; Скрин:

Через псевдоэлмент можно попробовать.

Задайте картинке display: block; или vertical-align: bottom;

Покажите тогда страницу, а то долго гадать будем )

Вот, похожее есть http://htmlbook.ru/faq/kak-sdelat-gorizontalnoe-menyu-s-naklonom а последнему элементу можно псевдокласс задать, что бы он делал прямым правый нижний угол.

А зачем вы так позиционируете, вым же нужно прижатm у низу, тогда задайте ссылке абсолютное позиционирование, и прижмите к низу блока через bottom: 0; пропишите еще left: 50%; margin-left: -10px; http://jsfiddle.net/Agmyj/ Но только нужно менять margin-left делать отрицательным в половину ширины картинки, если она поменяется

А можно картинку сделать фоновой у этого блока?

Ооо, спасибо, а то я случайно наткнулся на этот адаптивный дизайн.

Знаю только как перевести в пиксели. "Редактирование" -> "Установки" -> "Единицы измерения и линейки" и в блоке "Единицы измерения", поле "Текст" выбрать пиксели.

Немножко не в то русло, но может кому-нибудь будет полезно. Заметил что в FF15 появился адаптивный дизайн (Ctr+Shift+M).