Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > Вёрстка веб-сайтов > Стили таблиц в Опере и IE

Автор: Гость_Sergey 24.11.2004, 20:33

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

Код


.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

Под Оперой 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>

Автор: Гость_Sergey 26.11.2004, 20:40

Да, спасибо за совет. Действительно работает. Фиг знает, почему тогда не показывал smile

)))