ablay2009

#vneshniy{ position:relative; } #vnutrenniy{ position:absolute; bottom:0; left:0; }

Она и так меняется :/ Если только нет атрибутов width и height у картинки. P.S. Вы до сих пор с картинками паритесь? Если не секрет скиньте ссылку страницы, где вы хотите все это использовать. А то я сразу подумал, что для оформления аватарок в комментах.

Спасибо, учту. Но ведь пихать мобильникам стиль заданный с помощью медиа запросов бессмысленно, тогда модели со старыми браузерами вообще не увидят этих стилей и будут подгружать десктопную версию. А если сперва сверстать для мобил, а потом добавить функционала десктопам с помощью медиа запросов, то старые браузеры увидят урезанную версию, а новые человеческую. У меня так и сделано - первый файл содержит стили для мобильников, второй для планшетов/десктопов.

В том то и дело, что дополнительный стиль у меня большой и вносит огромные изменения (дело в том, что я верстал по принципу mobile first) и нужно чтобы он подгружался изначально, но потом его можно было бы отключить. Не понимаю как это реализовать.

Ссылка у меня не работает. И вообще какие вы счастливые люди, что на jsfiddle можете писать, а то я с планшетником задолбался уже

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

#div{ background-position:0 0; } #div:hover{ background-position: 0 250px } Вот так

Я же вам говорю - это на флеше сделано, а форум в который вы пишите - для верстальщиков. Большинство из нас не использует флеш вообще, и я не исключение. P.S. Могу посоветовать вам пойти на этот форум.

Можно позиционировать элемент и задать ему отрицательные отступы. Представим, что у нас два блока #div1 и #div2, #div2 лежит внутри #div1: #div1{ width:250px; height:250px; background:green; position:relative; } #div2{ width:200px; height:200px; position:absolute; top:50%; left:50%; margin-top:-100px; margin-left:-100px } Вот и все. Но вы должны понимать, что такой трюк пройдет только если ширина и высота обоих блоков заранее известна.

Ну извините тогда, я в использовании :before и :after не профессионал (и даже не любитель)

Здравствуйте, как раз то, что надо! Предложение: Почему бы не сделать lite версии плагина или возможность выбирать необходимые функции самостоятельно, после чего получать код плагина. Мне, например, интересна возможность менять стили независимо друг от друга, но не нужна возможность эмулировать @media (понимаю, что имитация media queries - Это основная задача плагина, но все же) Предложение номер два: можете ли вы портировать плагин на другие фреймворки (помимо jQuery)?

На какой такой позиции? Вы про размер браузера, что ли? Если да, то они у меня и так на пол экрана каждый. UPD: О боже вы что, правда про меньший маргин снизу в хроме?

Что за панорама? Перешел на этот сайт, не нашел ничего такого, что я мог бы назвать панорамой. Расскажите подробнее, интересно. UPD: Все понял, что за панорама такая. Она сделана на флеше, скрипты тут не причем.

Где косяк? Я не вижу особых косяков: Firefox 11 слева, Chrome 16 справа

Метод, который предложил bob_24 вам не подходит, т.к. у вас должны быть двойные рамки еще. Его удобно использовать когда картинку нужно тупо закруглить (я у себя на сайте, к примеру, использую этот метод для закругления аватарок в комментариях). А так, я не понял в чем проблема? Вы имеете ввиду то, что картинка квадратная все таки? Если да, то не парьтесь и сделайте картинку фоном

Уберите border-left у .item:after P.S. Называется это - граница или border

А вам не кажется, что этого маловато? Где скриншот? Пример? Не понятно куда и что сдвигается? Или вы думаете, что мы тут все гадалки/ экстрасенсы (причем бесплатные)? Вобщем, все как всегда, читайте эту тему и сделайте все по-человечески.

Дело в том, что "плавающие" блоки как бы вынимаются из общего потока и блочный элемент его тупо не замечает и проходит сквозь него, будто его не существует. В то время как строчные элементы прекрасно понимают то, что блок плавающий и его надо обтекать.Чтобы привести блоки в нормальное состояние либо задают ширину обоих блоков явно, либо делают второй блок плавающим. Во втором случае из потока вынимаются оба блока и они идут друг за другом. Кстати в этом случае контейнер (в котором находятся оба блока) думает, что ничего в нем нету и принимает нулевую высоту, чтобы избежать этого контейнеру задают overflow:hidden (который по идее должен скрывать содержимое, выходящее за пределы блока, но на самом деле браузеры подгоняют контейнер под высоту/ширину дочерних блоков), или ставят перед закрывающим тегом контейнера блок с clear:both. Вот такие пироги. P.S. под разметкой я имел ввиду html код, а не способ написания css кода. Вам никто не запрещает писать код столбиком, и даже наоборот написание кода в столбик упрощает его чтение в дальнейшем. Но я и так могу прочитать, поэтому пишу в строчку (из плюсов: более короткий код и меньший размер файла стилей).

1) Как сделать кликабельным только треугольник я не знаю. 2) Чтобы псевдо элемент менял фон, надо добавить .item:hover .item:after{ background-color: orange; } Этакая JS-like запись 3) Что за окантовка?

О боже, вы его что, на 5 лет забросили, что так много страниц таблицами?

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

Попробуйте так: <style type="text/css"> #main {background: black;margin: 0;} .sidebar, .content {margin:3%;} .header, .sidebar, .content { border-radius: 30px; } .header {background: #ccc;height: 200px;text-align: center;} .sidebar {background: #fc0;text-align:center;float: left;height: 500px;width: 10%;} .content {background: #ffcccc;text-align: center;float:left;margin-left: 10%;height: 500px;} .footer {background: #ffccc2;text-align: right;height: 130px;clear: both;} </style> А вообще не плохо бы с разметкой познакомиться.

Вот и я о чем говорю. Значит хром тоже порит отсебятину.

Снова здравствуйте, у меня jsfiddle.net не открывается почему-то(днем же открывался). Не могли бы вы заскринить, то что требуется. И код выложить сюда.

Нужно сделать отличный hover цвет посещенной ссылки. То есть если мы наведем мышку на не посещенную ссылку, то она станет белой. А если на посещенную, то она станет красной. Я конечно тоже не понимаю зачем это использовать, но если дизайн требует...