-
ПРОБЛЕМА №1
Решил сделать кнопку без использования скриптов.
Поскольку IE (в отличии от Оперы) игнорирует стили hover для тега IMG, то следовательно придется делать стиль для тега A, а в IMG будет отображаться пустой gif нужного размера.
В коде я специально делаю рамку картинке и ссылке, чтобы объяснить суть траблы. Итак:
Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "хттп://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
*<title>Untitled</title>
*<meta http-equiv="content-type" content="text/html; charset=windows-1251"/>
*<link rel="stylesheet" type="text/css" href="main.css"/>
</head>
<body>
*[Only registered and activated users can see links. Click Here To Register...]
</body>
</html>
----------------------------------------------------------------------------------
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;
}
Таким образом, картинка будет выделена черным, а линк красным
Метод работает и в ИЕ и в Опере, но...
В ИЕ отображение правильное, а вот что мы видим в Опере:
f.foto.radikal.ru/0610/26badac41449.gif
или см. аттача
[Only registered and activated users can see links. Click Here To Register...]
При чем сама ссылка работает правильно! В смысле, курсор в виде руки по всей области картинки, как и должен быть. Так какого область ссылки "натягивается" не на всю картинку? Бред [Only registered and activated users can see links. Click Here To Register...]
Если же сделать не через ж, а использовать вместо стиля тэга A, стиль тега картинки, то ИЕ не будет для нее обрабатывать img.btn:hover [Only registered and activated users can see links. Click Here To Register...]
Как решить эту проблему?
ПРОБЛЕМА №2
Фреймами то не пользуюсь обычно, но вот задали задачку. Если упростить, то смысл в следующем. Есть 2 фрейма. И вместо обычно ресайза меж ними вставляется фрейм - панелька с кнопками. Нажимаем одну кнопку - "сайзер" перемещается на какую-то велечину вверх, на другую - вниз.
Т.е. вопрос:
Как ресайзить программно размер фрейма?
свойства
parent.<frame_name>.height
или
parent.<frame_name>.document.height
не определены и запись в них значений тоже ни к чему не приводит [Only registered and activated users can see links. Click Here To Register...]
Заранее спасибо [Only registered and activated users can see links. Click Here To Register...]