<!-----CSS----------------------------------->
.ttt{background-image:url(Button.png);text-align: center; FONT-FAMILY: Times New Roman,Arial;font-size:9pt;}
.ttt:hover{background-image:url(Button2.png);text-align: center; FONT-FAMILY: Times New Roman,Arial;font-size:9pt;}
onMouse-Over/Out в CSS
Здарова программис....Web-Internet-HTML-ist-ы!!
------------------------------------------------------------------
Никак не могу найти правильное решение: Каким образом можно реализовать события onMouseOver,onMouseOut in CSS.
Сделал через :hover, но отображается только в Opera!!
:confused::confused:
------------------------------------------------------------------
Никак не могу найти правильное решение: Каким образом можно реализовать события onMouseOver,onMouseOut in CSS.
Сделал через :hover, но отображается только в Opera!!
:confused::confused:
И тебе здарова.
Ты хоть код то покажи, а? Чет я не очень помню когда :hover не работает в ФФ или ИЕ.
Ты хоть код то покажи, а? Чет я не очень помню когда :hover не работает в ФФ или ИЕ.
И покажи как ты его применяешь этот самый код
Проверь есть ли у тебя DOCTYPE перед <HTML>
[HTML]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
.ttt{background-image:url('Button.png');
text-align:center;
FONT-FAMILY: Times New Roman,Arial;
font-size:9pt;
}
.ttt:hover{background-image:url('Button2.png');
/*
text-align: center;
FONT-FAMILY: Times New Roman,Arial;
font-size:9pt;
*/
}
</style>
</head>
<body>
<div class="ttt" >Test</div>
</body>
</html>
[/HTML]
И еще как по мне, так то что закоментировано - лишнее. Без него прекрасно все работает. Только лишний трафик.
А я еще пойду покопаю где об этом сказано... Проапдейтю как найду.
[HTML]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
.ttt{background-image:url('Button.png');
text-align:center;
FONT-FAMILY: Times New Roman,Arial;
font-size:9pt;
}
.ttt:hover{background-image:url('Button2.png');
/*
text-align: center;
FONT-FAMILY: Times New Roman,Arial;
font-size:9pt;
*/
}
</style>
</head>
<body>
<div class="ttt" >Test</div>
</body>
</html>
[/HTML]
И еще как по мне, так то что закоментировано - лишнее. Без него прекрасно все работает. Только лишний трафик.
А я еще пойду покопаю где об этом сказано... Проапдейтю как найду.
Цитата:
Проверь есть ли у тебя DOCTYPE перед <HTML>
всё у меня есть...
Применяю к табличной ячейке:
<td class = "ttt">TextHTML</td>
-------------------------------------------
На других форумах ещё про импользование какого-то exception говорили, но я не разобрался...
[HTML]
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
.ttt{background-image:url(Button.png);text-align:center; FONT-FAMILY: Times New Roman,Arial;font-size:9pt;}
.ttt:hover{background-image:url(Button2.png);
/*
text-align: center; FONT-FAMILY: Times New Roman,Arial;font-size:10pt;
*/
}
</style>
</head>
<body>
<table><tr><td class="ttt" >Test</td></tr></table>
</body>
</html>
[/HTML]
Этот код работает в FF 3, IE7, Safary for Win, Opera 9.63. Без доктайпа умирает в FF & IE. Исходя из имеющегося кода могу только еще раз обратить внимание на доктайп. По запросу в гугл вторая ссылка. Может в ДТ какая нибудь ошибка из указанных в статье.
Или же возможно влияет как-то "TextHTML".
Если не помогает - может все же даш полностью проблемный кусок кода?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style type="text/css">
.ttt{background-image:url(Button.png);text-align:center; FONT-FAMILY: Times New Roman,Arial;font-size:9pt;}
.ttt:hover{background-image:url(Button2.png);
/*
text-align: center; FONT-FAMILY: Times New Roman,Arial;font-size:10pt;
*/
}
</style>
</head>
<body>
<table><tr><td class="ttt" >Test</td></tr></table>
</body>
</html>
[/HTML]
Этот код работает в FF 3, IE7, Safary for Win, Opera 9.63. Без доктайпа умирает в FF & IE. Исходя из имеющегося кода могу только еще раз обратить внимание на доктайп. По запросу в гугл вторая ссылка. Может в ДТ какая нибудь ошибка из указанных в статье.
Или же возможно влияет как-то "TextHTML".
Если не помогает - может все же даш полностью проблемный кусок кода?
Цитата: FAngel
Чет я не очень помню когда :hover не работает в ФФ или ИЕ.
В осле он работает только для A тега.
Не спорю. Просто с шестым ИЕ мне не часто приходится работать (слава богу).
ну, во-первых css написан с ошибками
во-вторых, зачем тебе такой строгий доктайп?
в-третьих, проверь названия файлов. Действительно ли у тебя картинки называются с большой буквы?
во-вторых, зачем тебе такой строгий доктайп?
в-третьих, проверь названия файлов. Действительно ли у тебя картинки называются с большой буквы?
Цитата:
ну, во-первых css написан с ошибками
Начну с этого. В чем ошибка? У меня пока что не было времени прочитать стандарт, к сожалению, а поэтому прошу все же ткнуть носом где ошибка. Спасибо.
Цитата:
во-вторых, зачем тебе такой строгий доктайп?
Доктайп - первый попавшийся. Не вижу причин для данного примера особо задумываться над строгостью доктайпа. Главное чтоб браузер не свалился в "неопределенный" режим.
Цитата:
в-третьих, проверь названия файлов. Действительно ли у тебя картинки называются с большой буквы?
А в чем прикол? Вроде ж как нет разницы между строчными и прописными буквами, или я что-то путаю? В любом случае, натурные опыты с вышеназванными браузерами говорят что браузерам на это наплевать. Как сервер использовался ИИС 5.1
Возьми доктайп менее строгий. Например тот же
Разница для больших и маленьких букв в названии файлов в интернете есть. Хотя если веб-сервер виндовый то может и нет - проверь, я просто с IIS не работал уже лет 8.
Код:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
Разница для больших и маленьких букв в названии файлов в интернете есть. Хотя если веб-сервер виндовый то может и нет - проверь, я просто с IIS не работал уже лет 8.
Попробуйте это Whatever:hover
Цитата: FAngel
Начну с этого. В чем ошибка? У меня пока что не было времени прочитать стандарт, к сожалению, а поэтому прошу все же ткнуть носом где ошибка. Спасибо.
:D вот он, момент истины!
behaviour - думаю, то, что надо, раз на разных форумах его подсказывают, но в примерах на той странице, что дана я не совсем понял как использовать!!
Пробовал так:
.ttt{behavior:url(Button.png);text-align: center; FONT-FAMILY: Times New Roman,Arial;font-size:9pt;}
.ttt:hover{behavior:url(Button2.png);text-align: center; FONT-FAMILY: Times New Roman,Arial;font-size:9pt;}
Но картинки ваще не загружаются..
Пробовал так:
.ttt{behavior:url(Button.png);text-align: center; FONT-FAMILY: Times New Roman,Arial;font-size:9pt;}
.ttt:hover{behavior:url(Button2.png);text-align: center; FONT-FAMILY: Times New Roman,Arial;font-size:9pt;}
Но картинки ваще не загружаются..
Цитата:
в-третьих, проверь названия файлов. Действительно ли у тебя картинки называются с большой буквы?
да, действительно так...
Вообще-то через behavior в даном случае подключается htc-файл в котором реализован костыль hover-а для ИЕ-6.
Цитата:
Вообще-то через behavior в даном случае подключается htc-файл в котором реализован костыль hover-а для ИЕ-6.
мзда.... до этого я точно не дойду в изучении html...:D
Все просто - по указаной ссылка качаете файл, и в behavior указываете к нему путь )
Реально. Как минимум ошибка в font-family. Times New Roman должен быть заключен в кавычки.
Цитата:
Реально. Как минимум ошибка в font-family. Times New Roman должен быть заключен в кавычки.
вот за это спасибо. А то неповерил, специально учебник пролистал весь, а там внизу примечание мелкими буквами:
Цитата:
Напоминаем: название шрифта, состоящее из нескольких слов, как, на-
пример, Times New Roman, заключается в кавычки:
.sserif { font-family: "Times New Roman", serif }
пример, Times New Roman, заключается в кавычки:
.sserif { font-family: "Times New Roman", serif }