background-image является ссылкой, как это?

[k0nami]

Здравствуйте, форумчане!
У меня такой вопрос - есть такая страница http://www.google.kz/intl/ru/options/
так вот, там есть список всех разделов Google, меня интересует каким образом они прописали CSS так что их картинки-иконки (на самом деле это все одна картинка) будучи фоном являются и ссылкой.

Кто знает ответ прошу помогите, сижу ломаю голову!
Заранее спс)

[MrJenika]

короче дело было так:
Все элементы на странице находятся с списках то бишь в html это так <li></li>
И тут каждой строке этого списка присваивают стиль, и уже в стилях прописано всё что надо.
Насчёт ссылки:
в строке списка прописывают : <a href=""><span></span>ТЕКСТ </a>

вот,а в стилях этому спану пририсовывают фон.
Чтобы понять что да как используйте firebug

<li id="IGOO"><a href="http://www.google.com/ig?hl=ru&amp;source=mpes">
 iGoogle – персональная страница<span></span></a>
<p>Добавляйте на свою стартовую страницу новости, погоду, игры и другую информацию
</p>
</li>

а в стилях

#IGOO span {
background-position:0 -1855px;
}

li a span {
background:url("i3.png") no-repeat scroll -35px 0 transparent;
height:35px;
бла бла бла
}

[k0nami]

Это я понял)))
У каждого <li> свой ID где и прописана соответствующая ему картинка (background-image), а вот как эту картинку сделать ссылкой?
Если ты имеешь ввиду далее через <a href=""> </a>, то поясни плиз, а то я на пойму как сделать)

[MrJenika]

Вот смотри
<a href="ссылка">Текст который возле картинки<span></span></a>

Видишь <span></span>
Вот ему и прописана та самая картинка в фоне

li a span {
background:url("i3.png")

а так как сам спан находится в теге ссылки, то он тоже соответсвенно является ссылкой

Пальцами я бы ткнул что да как, а так немного затрудняюсь объяснить(

[k0nami]

Ага, я вроде дотукал уже))))
в общем они через <span> картинку ссылкой делают

Спасибо!

[MrJenika]

Именно через <span>.
Пожалуйста)

[HoBuHKuй]

еще можно картинку по частям разделить читать надо: http://www.postroika.ru/html/17step2.html