Форум: Форум PHPФорум ApacheФорум Регулярные ВыраженияФорум MySQLHTML+CSS+JavaScriptФорум FlashРазное
Новые темы: 0000000
PHP на примерах (2 издание). Авторы: Кузнецов М.В., Симдянов И.В. C++. Мастер-класс в задачах и примерах. Авторы: Кузнецов М.В., Симдянов И.В. Социальная инженерия и социальные хакеры. Авторы: Кузнецов М.В., Симдянов И.В. PHP 5. На примерах. Авторы: Кузнецов М.В., Симдянов И.В., Голышев С.В. PHP 5/6. В подлиннике. Авторы: Кузнецов М.В., Симдянов И.В.
ВСЕ НАШИ КНИГИ
Консультационный центр SoftTime

HTML+CSS+JavaScript

Выбрать другой форум

 

Здравствуйте, Посетитель!

вид форума:
Линейный форум Структурный форум

тема: Анимация кнопок с CSS
 
 автор: Воффка   (29.04.2007 в 01:39)   письмо автору
 
 

Здравствуйте!
У меня есть довольно простой код:


<style type='text/css'><!--
div.standart:hover {background-image: url(standartOn.gif)}
div.standart:active {background-image: url(standartPress.gif)}
div.standart {background-image: url(standartOff.gif)}
--></style> 

<a href='abc.php'>
<div style='width:100px; height:100px; position:absolute; top:100px; left:100px; background-position:center; background-repeat:no-repeat' class='standart'>
</div>
</a>


По идее, когда наводится мышь кнопка должна подсвечиваться(bg меняется), то же при нажатии. Все отлично работает в Firefox и в Opera, а в IE работать не хочет - bg показывается только standartOff.gif, при наведении мышки даже курсор не изменяется на палец, но ссылка работает.
Подскажите пожалуйста, в чем может быть дело и как это исправить?

   
 
 автор: Воффка   (29.04.2007 в 02:00)   письмо автору
 
   для: Воффка   (29.04.2007 в 01:39)
 

Проблему уже решил сам=)
Надо все div заменить на а=)
Теперь встают еще 2 проблемы, но уже с Firefox:
1) Если убрать координаты то изображение вообще исчезает, а мне нужно его вставить в таблицу... Как это теперь сделать?
 <a href='abc.php'  style='width:100px; height:100px; background-position:center; background-repeat:no-repeat' class='standart '></a>

2) Можно ли как-нибудь убрать рамочки вокруг ссылки когда на ней находится фокус?

   
 
 автор: Misterio   (29.04.2007 в 18:44)   письмо автору
 
   для: Воффка   (29.04.2007 в 02:00)
 

>> Можно ли как-нибудь убрать рамочки вокруг ссылки когда на ней находится фокус?


Когда вставляешь картинку то в опциях ставишь border="0" и всё.

   
 
 автор: CNT   (29.04.2007 в 19:27)   письмо автору
 
   для: Воффка   (29.04.2007 в 02:00)
 

<a onfocus="window.focus ()">

   
 
 автор: Воффка   (29.04.2007 в 21:25)   письмо автору
 
   для: CNT   (29.04.2007 в 19:27)
 

Не помогает, когда на кнопки щелкаешь все равно рамочка пунктирная появляется

а с вставкой их в таблицу ничего нельзя сделать?

   
 
 автор: AlexSol   (29.04.2007 в 22:04)   письмо автору
 
   для: Воффка   (29.04.2007 в 21:25)
 

пунктирная - это браузер так работает. причем иногда рамка может пропадать. побороть это нальзя.

   
Rambler's Top100
вверх

Rambler's Top100 Яндекс.Метрика Яндекс цитирования