LINUX.ORG.RU

CSS в разных браузерах


0

0

Кусок CSS ==== .vistable{ font-family : Arial, Helvetica, sans-serif; font-size : 10px; color : navy; background-color: white; } .vistable:hover{ font-family : Arial, Helvetica, sans-serif; font-size : 10px; color : white; background-color: #477bb5; } ==== В table в tr пишем class="vistable". В Опере эта табличка работает как я предполагал, те при наведении мыши подсвечивается текущая строка. В IE6 и FF1.5 - хрен. Подскажите пожалуйста, чьи это грабли? =)

★★★★★

>Подскажите пожалуйста, чьи это грабли? =)

оперы

kvitaliy
()

в качестве альтернативы можно вот таким способом подсветить tr

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>
	<head>
		<title>pseudo</title>
		<style type="text/css">
		.vistable{ font-family : Arial, Helvetica, sans-serif; font-size : 10px; color : navy; background-color: white; }
		.vistable:hover{ font-family : Arial, Helvetica, sans-serif; font-size : 10px; color : white; background-color: #477bb5; }
		.colored {font-family : Arial, Helvetica, sans-serif; font-size : 10px; color : white; background-color: #477bb5; 
			
		}
		</style>
	</head>
	<body>
		<table cellpadding="0" cellspacing="0">
			<tr class="vistable">
				<td>test</td>
				<td>test</td>
			</tr>
			<tr onmouseover="this.className='colored'" onmouseout="this.className=''">
				<td>test</td>
				<td>test</td>
			</tr>
		</table>
		<span class="vistable">test</span>
	</body>
</html>

kvitaliy
()
Ответ на: комментарий от kvitaliy

Спасибо, с JS конечно работает везде... чего мне по его незнанию и хотелось избежать =) А по onmouseout нужно возвращать прежний class? Или по пустому имени будет класс по умолчанию? Кстати если прописывать похожее в CSS для <a href...> то всё работает во всех браузерах. А validator.w3.org глотает и <a...>, и <tr...>. PS: Надеюсь то, что <table frame="box" rules="all"> в IE не работает всё таки не мой косяк... Задолбался на референс втыкать =)

GAMer ★★★★★
() автор топика
Ответ на: комментарий от GAMer

> А по onmouseout нужно возвращать прежний class?

да, прежнее состояние.

kvitaliy
()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.