Как на Css сделать смену картинки при наведении?

Вот к примеру код. Нужно чтобы бэковая картинка при наведении сменнялась на другую именно через css
#one{background:url('image.gif');background-repeat:repeat-x;}

<div id="one">blablabla</div>
<div id="one">blablabla</div>

bE(o0L, ну так я знаю, а через css?

да я понял. вон подправил чтоб без нареканий.
была тема где талисман вроде прописывал ховеры для дива. Кстати недавно

ну собственно так же, как и для ссылки — через псевдокласс.
вот только ие пролетает...

Дружно лукаем пример и берём из него самое полезное (и лишь то, что нам необходимо)
http://www.alistapart.com/articles/sprites

tentoys, там же через ссылки реализованно, поэтому и работает в ие — он же не знает, что у других элементов, отличных от <a>, может быть быть псевдокласс hover.

.talisman, угу. Но вариант? Ссылка-заглушка. И ведь работает...

.talisman, в ие не катит

Kurilshik, да, я же об этом выше написал...

tentoys, вариант, если это курильщика устроит
всё зависит от задачи, а подвести можно.

Да забил я уже, сделал на JS, быстрее чем искать решение для Css

да решение в принципе очень простое:

Ну у меня ситуация другая:

<tr><td class="one"><a href="#">blablabla</a></td></tr>
<tr><td class="one"><a href="#">blablabla</a></td></tr>
<tr><td class="one"><a href="#">blablabla</a></td></tr>
<tr><td class="one"><a href="#">blablabla</a></td></tr>

Kurilshik писал(а):

Ну у меня ситуация другая: <tr><td class="one"><a href="#">blablabla</a></td></tr>

Ну, надо, во-первых, убрать "href", если всё равно никуда ссылки не будет, во-вторых, если "class", то в css не через решетку "#", а через точку обозначить И, чтобы у клиента не возникло желания нажать на псевдоссылку, через css назначить cursor: pointer (или как там по дефолту... не default ли... не помню), ну, чтобы "рука" не появлялась при наведении на ячейку. А так -- чем не нравится то, что .talisman предложил?

да это я реальный код вставил, ссылку не глушеная, рабочая, нужно при наведении на неё менять фон в ячейке, в которой она расположена, причем сделать такой универсальный класс,
на JS я это сделал за 5 минут, а здесь парюсь

Вот, работает.

Kurilshik, используйте либо это, либо это. Уж лучше так, чем использовать ссылки не по назначению.

arlekino, ссылки по назначению — он меню с ролловером делает.

Почему Вы используете таблицу для ссылок меню?

TheBits, желание клиента

Да, делай через <ul><li>… Структура гораздо прозрачнее будет )
Проще добавить <li><a></a></li> чем <tr><td><a></a></td></tr> =)

Да и логически меню - это список, а не таблица
А уж представить этот список через CSS можно бесконечным числом вариантов

Да я еще раз говорю, я не для себя сделал, задание такое сделать меню таблицей

Kurilshik писал(а):

задание такое сделать меню таблицей он хочет потом сам добавлять ссылки, а знает только вивер

Как отсюда следует непригодность списка?

"задание такое сделать меню таблицей"

Задание - это только пожелание заказчика. И если ему правильно втереть, что он мягко говоря ошибается, рассказать про индексацию сайтов, поисковики, семантику, стандарты и т.д., то он может возжелать иное )

LI и только LI.

VolkaR, да мне всёравно собственно я могу и через document.write меню сделать.
Говорю же сказано сделать так

А причём тутdocument.write?

Kurilshik, а ты сделай заказчику шаблон, который будет ему показывать <tr><td>… в редакторе, а через серверную часть меняй уже для браузера на <ul><li> и все довольны
И заказчик в счастливом неведении, и ты, так как соблёл (ой не уверен, что оно так пишется) стандарты =)

хватит флудить.
сказали ему сделать меню таблицами, какие проблемы-то?

VolkaR, ну а зачем???

у меня была таже проблема, но мне надо было просто менять цвет фона ячейки при наведение... я сделал так:

styles.css {
tr.menu { cursor: pointer; }
.anable { background: #444444; text-align: center; color: #F5FB0C; }
.disable { background: #333333; text-align: center; }
}

html {
<table><tr class = "menu">
<td onmouseover = "className='anable'" onmouseout = "className='disable'" onclick="document.location.href='#'"> blablabla </td>
</tr></table>
}

В Опере и ИЕ работает правильно.