d0ublezer0

Добился в общем без SVG. Работает в IE7+, FF3.6 (меньшего нет, чтобы проверить), в Opera 10.63 (в 9,60 работать не захотело). В хроме тоже пашет. Худо-бедно работает в IE6, но там всё криво. Я на него забил. В общем, всем спасибо за участие.

Нашел вот такой плагин: mbFlipText Он нормально отрабатывает через SVG, но в таком случае теряется возможность назначать цвет текста при :hover. Уточнение: в IE всё отлично. В Опере нет прозрачности у объекта SVG, в Firefox теряется цвет :hover Вот, смотрим. Блин, что ж за засада такая.. Неужели придется делать картинками?

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

Привет всем. Мне понадобилось повернуть текст на 270 градусов. Нормально сработало только в FF 3.6 Опера не поняла, IE7 понял, но обрезал верхушку текста. Я совсем запутался, всяко пробовал. Посмотрите, пожалуйста, на страничку: http://leveler.ru/ra/ Так, с IE вроде разобрался, почему отрезалось. Только при трансформации в IE текст с артефактами - как будто говеный антиалиасинг. Остается Опера о остальные.

IE7

Verdana, в вашем случае - со сглаживанием

Ну ладно, я после отпуска, отдохнувший, мне не лень скачать. Это вы классно придумали - выложить в архиве php файлы. Хорошо хоть они без серверных инструкций, а то для ответов на ваши вопросы пришлось бы еще и сервер поднимать. Сегодня мне не лень скачать архив, распаковать, изучить как у вас что работает и проверить CSS валидатором. Вот его ответ: Ваша проблема со словом "подробнее" в 70 строке - кавычка лишняя А вообще, лень - она такая.. Сегодня ее нет, а завтра она есть. http://jigsaw.w3.org/css-validator/#validate_by_input - если вдруг вам лень заливать файлы на бесплатный хостинг P.S. Предвидя вопрос о том, почему у вас не размножается по горизонтали фон в подвале - в 22 строке уберите точку с запятой после определения фона. repeat-x - это значение свойства, оно может быть указано в свойстве background или background-repeat, но не может являться свойством само по себе.

Можете обозначить приз. Угадывать будет веселее.

Ну, собственно, вот ответ Вердеру.

В общем, получилось вот так: <div id="cream_container"> <div id="cream_right"></div> <div id="cream_left"></div> </div> <div id="main_cloth"> <a href="/" id="to_root"><img src="/templates/km/images/shim.gif" width="1" height="1" /></a> </div> #main_cloth { background:url(/templates/km/images/bg_main_cloth.jpg) repeat-x center top; height:338px; overflow: hidden; position:relative; } #cream_right { background:url(/templates/km/images/cream_right.png) no-repeat bottom right; height:339px; left:50%; margin-left:-40px; position:absolute; width:867px; bottom:0; } #cream_left { background:url(/templates/km/images/cream_left.png) no-repeat bottom right; bottom:0; height:339px; margin-right:156px; position:absolute; right:50%; width:708px; } #cream_container { position:absolute; height:339px; width:100%; overflow: hidden; z-index:1; } #to_root { display:block; font-size:0; height:338px; left:50%; margin-left:-180px; position:absolute; width:360px; z-index:2; } Только есть одна проблема: ссылка #to_root, не смотря на больший z-index, в IE не доступна, перекрывается #cream_container'ом. Посоветуйте, как исправить Сайт обновлен, можно увидеть, как оно там получилось. UPD: А, блин, так чего это я? Переложил ссылку в #cream_container и всё пучком. Усё, спасибо всем. Все вопросы решены.

В таком случае смещаются и слои с кремом. Пипец. Надо вообще как-то по другому сверстать *Ушел думать*

Картинка является фоном. Его маргином не спозиционируешь. Думаю дальше.

Не решает. Вернее, не совсем. И не только для 6-7, а и для 8. Скролл пропадает, да. Но вот позиция фона у #main_cloth сползает вправо, если #cream_right не убирается в экран. Как исправить - пока не придумал.

Да, действительно, скролл исчезает. Теперь баг с картинкой: почему фон сдвигается, когда background-position: top center? Опять же, в IE

Влад, я прекрасно понимаю, что кого распирает - это же видно даже без фаербага. Как победить?

Вот почему? Этот блок в контейнере с overflow:hidden. По идее, должен скрываться.

И то и другое стоит. Сейчас проверил в седьмом - тоже скролл

Мишка, у тебя монитор какого размера? У меня вот 22 и тоже всё хорошо, когда окно развернуто на весь экран. Попробуй потянуть окошко?

В опере - нет, в ФФ - нет, в хроме - нет. В IE8 - есть. Проблема в верхней части страницы, два блока с мороженым (слева и справа) растягивают страницу, не смотря на то, что для контейнера #main_cloth задано overflow:hidden; Вот страничка, логин/пароль km

Спасибо, Мишка.

С отступом разобрались, спасибо. Помогло: .clr { clear:both; height:0px; } Если оставить 1px, то полоска получается высотой с этот пиксель. И с колонками пожалуйста помогите разобраться, чтобы уж новую тему не начинать. И тут интересный момент - после снятия margin-top у H1, и добавления margin-top у insider'ов в каждой колонке, у IE7 отображение исправилось, т.е. все колонки визуально начинаются на одном уровне, а в FF - нет UPD: Всё, вопрос про колонки снят, я разобрался. Спасибо всем еще раз.

Обновил CSS. Получается что #ccol отступает от меню, а #lcol и #rcol уже от #ccol, хотя средняя колонка в коде стоит после правой и левой

Думаю, не в нем. Колонки себя как-то странно ведут вообще. div id="columns" вообще имеет отступ сверху, хотя отступ у него он не задан, если в firebug смотреть А на этой страничке правая колонка (Новинки) как будто отступает сверху от средней колонки. Мистика.

Не пойму, почему появляется отступ в IE7? На картинке видно белую полосу. Вот страничка, например. Причем, глюк проявляется только в каталоге. В FF, хроме и опере нет отступа. В 8м ИЕ не проверял - у меня его нет на работе. UPD: логин/пароль для входа на сайт: km Сайт просто еще в работе.

Для джумлы правильно было бы templates/название_шаблона/template.css