Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Стили таблиц в Опере и IE 
:(
    Опции темы
Гость_Sergey
Дата 24.11.2004, 20:33 (ссылка)    |    (голосов: 0) Загрузка ... Загрузка ... Быстрая цитата Цитата


Unregistered











Для ячеек таблиц применяю такие стили:
- для неактивного состояния
Код

.MMMain {
background-color:#7597D0;
padding:3px;
color:#ffffff;
position:relative;
border-top:solid 1 #ffffff;
border-right:solid 0 #ffffff;
border-left:solid 1 #ffffff;
cursor:hand;
width:200px;
font-size: 11px;
}

- для mouseover
Код

.MMMainOver {
background-color:#DBE0E5;
padding:3px;
color:#000099;
position:relative;
border-top:solid 1 #000000;
border-right:solid 0 #ffffff;
border-left:solid 1 #000000;
cursor:hand;
width:200px;
font-size: 11px;
}

Проблема в том, что работает это только в IE. Под Оперой - выглядит как обычные (без стилей) ячейки. Почему? И как бы такое же сделать для Оперы?
  Вверх
dm9
Дата 25.11.2004, 14:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Дмитрий Копытин
****


Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

Репутация: 29
Всего: 137



Под Оперой 7.54 и 7.0 всё работает в твоём варианте.
6.0 - не работает, а оно тебе надо?
Чтобы работало под Мозиллу, дописывай "px".

Код
<html>
<body>
<head>
<style>

.MMMain {
   background-color: #7597D0;
   padding: 3px;
   color: #ffffff;
   position: relative;
   border-top: solid 1px #ffffff;
   border-right: solid 0px #ffffff;
   border-left: solid 1px #ffffff;
   cursor: hand;
   width: 200px;
   font-size: 11px;
}

.MMMainOver {
   background-color: #DBE0E5;
   padding: 3px;
   color: #000099;
   position: relative;
   border-top: solid 1px #000000;
   border-right: solid 0px #ffffff;
   border-left: solid 1px #000000;
   cursor: hand;
   width: 200px;
   font-size: 11px;
}

</style>
</head>
<table>
 <tr>
   <td class="MMMain" onmouseover="this.className='MMMainOver'" onmouseout="this.className='MMMain'">123</td>
   <td class="MMMain" onmouseover="this.className='MMMainOver'" onmouseout="this.className='MMMain'">456</td>
 </tr>
</table>

</body>
</html>

PM MAIL ICQ   Вверх
Гость_Sergey
Дата 26.11.2004, 20:40 (ссылка)    |    (голосов: 0) Загрузка ... Загрузка ... Быстрая цитата Цитата


Unregistered











Да, спасибо за совет. Действительно работает. Фиг знает, почему тогда не показывалsmile)))
  Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0461 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.