Comments on: Разные методы Image Replacement для разных браузеров

By: namez

namez — Fri, 08 May 2009 23:24:17 +0000

использовал line-height для IE 6

заголовок ссылка решилась -)

Есть вопросы

header-left address a {display: block; overflow: hidden; width: 104px; height:12px; }

header-left address a:before {content: url(/images/telefonLink.png); color: #FFF; font-size: 1px;}

При выключенных картинках текста почти не видно в таком блоке! тк размеры блока маленькие - текст чуток вылезает как бы снизу

Как решить?

By: namez

namez — Sat, 11 Apr 2009 16:36:49 +0000

...в html превратилось

в общем в h1 вложенна ссылка! заголовок ссылка -)

By: namez

namez — Sat, 11 Apr 2009 16:34:19 +0000

помогите как будет выглядеть решение для схемы

текст

не понимаю спасибо заранее за помощ!

By: uggallery

uggallery — Mon, 16 Feb 2009 11:12:41 +0000

Надо посмотреть. Что-то подобное я делал. Но отказался, как раз из-за того, что в будущем может создать проблемы на новых браузерах. Ну, еще и потому, что Опера зря эту рамку показывает, а следовательно сама себе злобный буратино. Ну и еще :) потому, что правильнее серфить не только с отключенными картинками но и стилями. В общем, клубок причин.

By: Ворон

Ворон — Sun, 15 Feb 2009 00:23:30 +0000

Для оперы сделал:
font-size:0;
в результате чего получил при выключенных изображениях рамку без надписи.
Так как у нас имеет место быть overflow:hidden; то от рамки избавился с помощью
.fn:before{
…
position:relative;
left:-2px;
}
Проверял в опере 9.63
Работает.
Какие то подводные камни кто то видит?

By: (не)Удачный брендинг | rotorweb.ru | Проблемы и решения в Web-дизайне

(не)Удачный брендинг | rotorweb.ru | Проблемы и решения в Web-дизайне — Mon, 06 Oct 2008 10:32:05 +0000

[...] кроссбраузерная вставка Flash-анимации. Разные методы Image Replacement для разных браузеров. Световые кисти для [...]

By: uggallery

uggallery — Wed, 04 Jun 2008 13:23:43 +0000

Пожалуйста. Буду рад, если пригодится.

By: YoYurec

YoYurec — Wed, 04 Jun 2008 12:38:31 +0000

вах!!! молодца!!! респект :)
будем модифицировать… сейчас юзаю NIR (он же BIR), а вообще переходить на твой метод собираюсь, он прошёл все полевые испытания, (и уже!) включая sprites. TNX!

By: uggallery

uggallery — Wed, 04 Jun 2008 10:01:45 +0000

Почему "никак"? Можно использовать margin-left с отрицательным значением.

Я добавил к коду примера следующий код:

h1:hover:before { margin-left: -300px; }

И модифицировал картинку.

Всё работает. Естественно можно использовать другой селектор, не h1.

By: YoYurec

YoYurec — Tue, 03 Jun 2008 12:42:06 +0000

Немножко не понял что такое “роловеры одной картинкой ещё и для ИЕ”. я имел ввиду удобную технику "css-sprite" (использование которой ставится под сомнение), эффект роловера получается позиционарованием фона так? так! но ведь это сработает для IR (метод background-image) в IE, а для нормальных браузеров ведь используем :content, его-то как позиционировать? накак! :( выходит нужно делать для состояния hover отдельную картинку... выходит для одной кнопки меню нужно 3 картинки: button1, button1over (Opera,FF) + button1sprite (IE). Либо для всех браузеров 2 картинки, но тогда без любимого css-sprite :(