
18.01.2008, 12:07
|
|
Флудер
Регистрация: 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..
|
|
|