Показать сообщение отдельно

  #218  
Старый 18.01.2008, 12:07
-=lebed=-
Флудер
Регистрация: 21.06.2006
Сообщений: 3,193
С нами: 10467746

Репутация: 4738


По умолчанию

Цитата:
Сообщение от Корвин  
не проще сделать onMouseOver onMouseOut и onClick? поисчи эти функции в яндексе,это намного удобнее
Может и легче, но я хочу через CSS сделать сие дело...

Up: вот сделал как рекомендовал Helios
Код:
<body>
<table align="center" id="1" cellspacing="0" cellpadding="0">
  <tr>
    <th><span class="logo1"><a href="http://forum.antichat.ru"><img src="images/none.gif" width="285" height="36"/></a></span></th>
    <th><span class="logo2"><a href="http://forum.antichat.ru"><img src="images/none.gif" width="178" height="36"/></a></span></th>
    <th><span class="logo3"><a href="http://forum.antichat.ru"><img src="images/none.gif" width="205" height="36"/></a></span></th>
  </tr>
</table>
</body>
style.css
Код:
body {
	margin-left: 0px;
	margin-top: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0;
}

a
{
  background: top left;
}
a:hover
{
  background-position: bottom left;
}

.logo1 a img 
	{
	background: url(images/logo_1.png);
	}
	
.logo1 a:hover img
{
	background-position: bottom left;	 
}

.logo2 a img 
	{
	background: url(images/logo_2.png);
	}
	
.logo2 a:hover img
{
	background-position: bottom left;	 
}

.logo3 a img 
	{
	background: url(images/logo_3.png);
	}
	
.logo3 a:hover img
{
	background-position: bottom left;	 
}
Т.е. фоновая картинка в два раза больше ячейки таблицы по высоте, в начале отображается верхняя часть, при наведении курсора - нижняя. В принципе всё работает ок! Но в IE ячейки таблицы обраблены рамкой синего цвета, в Опере такого нету - там всё норм. В чём трабл?

Последний раз редактировалось -=lebed=-; 18.01.2008 в 13:24..
 
Ответить с цитированием