mishka

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

Так мы и с тобой не выпивали... Кстати, Макс, покажика как ты делаешь пнг ховер для ие6 спрайтом Или в аську

Залей куданить на файлообменник будем на ТЫ

поправка a:hover span{ height:70px; padding:70px 0 0; margin:-70px 0 0; } Ну тогда удачи вам с джс, и клипами. назначте hasLayout лишкам Проверьте соответствие размеров. Ну конечно - у вас высота линок 33пикса, я пример сделал для 70пиксов. Подгоните под свои размеры

Так как у вас линки блочные с заданной шириной высотой, то делайте код <li><a href="#"><span>Оформить заказ</span></a></li> на спан цепляете бг, для ие6 - фильтр, все джс фтопку! a{ width:325px; height:70px; color:#fff; overflow:hidden; cursor:pointer; } a span{ display:block; ovrflow:hidden; height:140px;/* - в 2 раза больше линки(по бг)*/ background:url(../i/link_smena.png) no-repeat 0 0; } a:hover{border:0;}/* для ие6 нужно чтонить для a:hover иначе не отработает a:hover span */ a:hover span{ height:70px; padding:70px 0 0; margin:-70px 0 0; } для ие6 a span{ background: url(../i/transparent.gif); filter:progid:dximagetransform.microsoft.alphaimageloader(src='i/link_smena.png', sizingMethod='crop'); } transparent.gif - такая себе гифовая картинка 1х1 пиксель

Фтопку всякие решения с .js и .htc. Использовать самый простой и древний а главное безотказный! filter:progid:dximagetransform.microsoft.alphaimageloader(src='', sizingMethod='');

Это потому что ссылка инлайновая, поправит это inline-block, для ие6-7 zoom:1. Но понять немогу зачем это нужно. Никогда не приходилось так делать.

Зачем display: block? vertical-align:top/bottom/midle достаточно .труляя-какойто-блок img{vertical-align:bottom;} это все что нужно чтобы у картинок в этом блоке небыло отступа внизу. Никаких display:block и флоатов

Долго учится придется если неслушаешь дельных советов. Ведь добавить строку в CSS и проверить правильно ли тебе советуют, это же не так сложно. Так почему еще не проверил? s0rr0w тебе все детально обьяснил что и как, и почему это происходит. Картинке нужно задать значение vertical-align отличное от baseline

А проверь ка работу overflow: auto; Вынеси ка из него чтонить абсолютом.

HTML, CSS - делаете сами, колличество блоков и их свойства это на ваше усмотрение. ну есть такой себе боксик с какимто описанием товара, и в уголку так маленький кружочек с буковкой например "i" при наведении на него получается такой блок побольше, который выступает за пределы нашего боксика, и в нем какаято дополнительная инфа. Этот блок с доп инфой например на абсолюте висит. Также внутри есть флотнутые элементы. короче - нужно сделать так чтобы ничего не выпадало, но при этом и не обрезалось. Также флотать внешний элемент нельзя, чтобы поток был чистым. Типа float:left;clear:both; нельзя юзать. Когда ктонить из новичков спрашивает "как сделать чтобы не вылазило" - то ему всегда отвечают overflow:hidden; Вот мне стало интересно кто как в подобных случаях, как я описал, поступает.

Ну да Я ждал пока ты отзовешся на эту задачу. А то все молчат, либо шифруются, либо незнают. Неужели ниразу с таким не сталкивались? Ну если верстать какую нибудь вордпресовскую страничку, то там такого может и не быть.

короче - нужно сделать так чтобы ничего не выпадало, но при этом и не обрезалось. Также флотать внешний элемент нельзя, чтобы поток был чистым. Типа float:left;clear:both; нельзя юзать.

А если еще и флоаты внутри есть?

ну есть такой себе боксик с какимто описанием товара, и в уголку так маленький кружочек с буковкой например "i" при наведении на него получается такой блок побольше, который выступает за пределы нашего боксика, и в нем какаято дополнительная инфа. Этот блок с доп инфой например на абсолюте висит. ну вобщем гдето так .

Бывает что нельзя использовать overflow:hidden;(например есть всякие всплывающие подсказки, которые при ховере появляются) тогда кто как поступает?

ну ты жжошь, какое удивление что в остальных браузерах все ок, а в ие глюк, такое не каждый сможет сделать В ие этот бг тоже есть, но он не в конце последнего слова, он в нижнем правом углу, и так ка сама область ссылки туда не доходит, то его невидно. сделай эти ссылки блочными, и увидишь. Поэтому делай это имгой.

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

А тут я вас немного непонял. Причем тут изучение инструментария к Я не работаю в "Adobe Illustrator" и "Adobe Fireworks", я их использую только для того чтобы сконвертить в psd, и потом в фотошопе уже работать. Я же не дизайнер, мне дают готовый дизайн, я только верстаю.

Что мне попадалось, то и упомянул. Да вы однако зажрались ... ну а нам, так как не богатые то приходится браться за работу которую дают. И неохота упускать работу только потому что диз нарисован не в psd. Я не говорю что мне нравится конвертить все это в psd (иногда с много слойного пнг приходится вытягивать послойно всякие тенюшки), но если я могу это сделать, и мне за это заплатят, то почему бы и нет?

ответь на такой вопрос - зачем нужна форма? Ничего небывает просто так, все для чего то нужно. Так вот зачем нужна форма? Дя перехода на другую страничку?

там не сказанно что не поддерживается! Там сказанно - частично! поэтому в вашем случае vertical-align:top; на имгу все исправит, вам что сложно попробовать? Или если попробуете то боитесь что все так развалится что невосстановить? Сразу попробуйте потом скажите помогло или нет. Ладно я не авторитет для вас, но s0rr0w что тоже? Да это тоже помагает, но часто картинка нужна именно инлайновой, а не блочной поэтому приходится применять сложный vertical-align:top;

разве пнг есть анимированное? открываешь пнг в фаерворксе и смотришь есть ли там слои...

Просто вершина проницательности

многослойный пнг да.