[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: 2 вопроса (img-кнопка и фреймы)
Edd
ПРОБЛЕМА №1

Решил сделать кнопку без использования скриптов.

Поскольку IE (в отличии от Оперы) игнорирует стили hover для тега IMG, то следовательно придется делать стиль для тега A, а в IMG будет отображаться пустой gif нужного размера.

В коде я специально делаю рамку картинке и ссылке, чтобы объяснить суть траблы. Итак:

CODE





Untitled











----------------------------------------------------------------------------------
main.css:
----------------------------------------------------------------------------------

a.btn {
background: url("img/btn_normal.gif") no-repeat;
border: red solid 1px;
}

a.btn:hover {
background: url("img/btn_hover.gif") no-repeat;
}

img.btn {
border: black solid 1px;
}

Таким образом, картинка будет выделена черным, а линк красным
Метод работает и в ИЕ и в Опере, но...

В ИЕ отображение правильное, а вот что мы видим в Опере:
user posted image


При чем сама ссылка работает правильно! В смысле, курсор в виде руки по всей области картинки, как и должен быть. Так какого область ссылки "натягивается" не на всю картинку? Бред



Если же сделать не через ж, а использовать вместо стиля тэга A, стиль тега картинки, то ИЕ не будет для нее обрабатывать img.btn:hover

Как решить эту проблему?




ПРОБЛЕМА №2

Фреймами то не пользуюсь обычно, но вот задали задачку. Если упростить, то смысл в следующем. Есть 2 фрейма. И вместо обычно ресайза меж ними вставляется фрейм - панелька с кнопками. Нажимаем одну кнопку - "сайзер" перемещается на какую-то велечину вверх, на другую - вниз.

Т.е. вопрос:

Как ресайзить программно размер фрейма?

свойства

parent..height

или

parent..document.height

не определены и запись в них значений тоже ни к чему не приводит



Заранее спасибо



Спустя 1 час, 30 минут, 54 секунды (24.10.2006 - 19:01) vasa_c написал(а):
QUOTE
ПРОБЛЕМА №2

Если на то пошло, то искать ширину и высоту нужно у parent..document.body.
Можно попробывать что-нибудь из offsetWidht, clientWidth и т.п.
Однако, если подумать, то отношение ширины/высоты м/у фреймами задается в элементе аттрибутами cols и rows. Т.о. менять нужно их. Типа:
parent.document.getElementsByTagName( "frameset" ).item( 0 ).rows = '20%,80%';

ЗЫ. И начинаем забывать про синтаксис вида document.<Имя элемента> и учим DOM.

ЗЫЗЫ. Да, и фреймы зло. Ну вы знаете, надеюсь...

Спустя 15 часов, 51 минута, 37 секунд (25.10.2006 - 10:53) Edd написал(а):
vasa_c,
QUOTE
Да, и фреймы зло. Ну вы знаете, надеюсь...

Ну это понятно :) Просто возникла у человека задача - терь спортивный интерес покоя не дает ;)

QUOTE
Если на то пошло, то искать ширину и высоту нужно у parent..document.body.
Можно попробывать что-нибудь из offsetWidht, clientWidth и т.п.
Однако, если подумать, то отношение ширины/высоты м/у фреймами задается в элементе аттрибутами cols и rows. Т.о. менять нужно их. Типа:
parent.document.getElementsByTagName( "frameset" ).item( 0 ).rows = '20%,80%';

Пасиб!

З.Ы.: offsetWidht, clientWidth - readonly свойства, а parent.document.getElementsByTagName("frameset").item(0).rows работает


_____________
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.