[HTML, Css] - Задай вопрос, получи ответ

#11

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..