ows.nightwolf

Вариант 1: для фона используйте png с прозрачностью Вариант 2 (рекомендуемый): создайте иконку средствами css. Она представляет собой inline-block c надписью new внутри. в CSS свойствах блока устанавливается абсолютное позиционирование, по правому краю, цвет фона красный, цвет текста белый, блок поворачивается на 45 градусов. Пример (только шрифт нормальный подключите чтоб с макетом совпадал): http://jsfiddle.net/ZLEV2/3/

Добавьте в CSS: .main_nav { position: relative; z-index: 1; } А то из-за того, что враппер находится в коде ниже, чем main_nav, он считается расположеным "ближе". И еще у вас в .look > .und_menu надо значение свойства top поменять на чуть меньшее, а то там небольшой зазор получается и меню сворачивается.

Можно использовать стандартное позиционирование (или position: relative), а для того чтобы модуль меню "вылезал" чуть-чуть влево задать ему отрицательный margin-left, а у родительского блока установить overflow: visible; тогда и показываться будет все как надо, и высота модуля меню будет учитываться.

Не применять position: absolute. Скорее всего вашу проблему можно решить каким-то другим способом, т.к. я не совсем понял как связаны между собой излишняя ширина меню и результат действия свойства position: absolute.

то-то и оно, что делал по ихнему. Когда их код вставляю - все работает, а если в ихнем же коде <ul> и <li> заменить да div'ы (разумеется с соответствующей правкой CSS) то уже ничего не работает UPD. Нагло вру, изменения ненароком внес пока разбирался, башка пухла, вот и наделал фигни. О, действительно, видимо <br> означает завершение потока текста и начало нового, т.е. в моем случае строка до <br> является единственной (т.е. последней) в своем потоке, а та строка что идет после <br> определяется как будто первая (и в данном конкретном случае она единственная, т.е. последняя) в новом потоке текста. А т.к. text-align: justify не применяется к последним строкам в потоке, то ничего и не выравнивалось. Как доказательство - вот такой код.

Подскажите, пожалуйста, почему у меня не работает text-align: justify примененный к inline-block. ссылка на код

Я новичек в верстке, по этому мое решение скорее вариант на рассмотрение, чем руководство к действию, но в общем у меня два варианта: 1) Если ширина #basket задана в CSS, то можно удалить бордеры на стыке блоков, и добавить перед блоком .wiev-hover псевдо-элемент, у которого будет задан только верхний бордер с требуемой шириной. Пример 2) Если ширина #basket определяется контентом, и заранее известен фон вкладки, то можно немного поменять структуру HTML и сделать .wiev-hover соседним элементом с #basket-text, тогда можно задать цвет бордера #basket при наведении таким же, как и цвет фона вкладки, и применяя z-index перекрыть #basketом бордер .wiev-hoverа. Пример *строчки CSS, которые были изменены помечены пустыми комментариями

спасибо, гайд помог. Чтобы все заработало как надо нужно было задать родительскому элементу блоков (в моем случае это body) перспективу, и убрать ее из всех свойств класса .block.itemback. Правда у меня возникла еще одна проблема - в chrome перспектива работала только с обратной анимацией, мне не удалось понять с чем это связано, но проблема исчезала если задать классу .block свойство -webkit-transform: rotateY(0.00001deg); (т.к. rotateY(0) не давало никакого результата). Вот конечный результат: http://jsbin.com/uGaFihE/12/edit?html,css,js,output

Доброго времени суток. Возникла проблема при анимации переворота блоков, а если точнее - неправильное отображение перспективы. Суть проблемы словами описать сложновато, так что выкладываю код: http://jsbin.com/uGaFihE/4/edit?html,css,js,output и картинки, описывающие: 1) Перспективу такой, какая она есть сейчас: 2) И такой, какой должна быть в идеале (все внимание - на углы в центре изображения ): Как можно реализовать данную анимацию, не помещая эти два блока в один контейнер?