Повторение тега "class"

[yelkin]

Использую jquery для вывода модальных окон. За вывод модального окна отвечает html код <a class="iframe" href="">Вывод модального окна</a>. Вместе с тем, хочу чтобы вывод модального окна происходил с картинки (спрайта), вывод которой происходит тоже через class - <a class="img-1">Ссылка</a>. Как соединить между собой коды ссылок, чтобы выводимая картинка (class="img-1") могла вызывать модальное окно (class="iframe") ????? Заранее, большое спасибо!

Решение:

В css файле вместо имён спрайта a.name{} и a.name:hover{} нужно поставить знак #, то есть - #name{} и #name:hover{}, а выводить в коде html через div вот так:

<a class="iframe" href="page.html"><div id="img-1"></div></a>

Всё получилось!

Спасибо пользователю rus за более простое решение:

<a class="img-1 iframe"></a>

Edited December 6, 2010 by yelkin

[rus]

прописать сразу два класса у тега <a>

[yelkin]

прописать сразу два класса у тега <a>

Увы, тогда ссылка перестаёт работать* ((

[rus]

как прописывал покажи.

[yelkin]

как прописывал покажи.

<a class="iframe" href="page.html"><a class="img-1"></a></a> - выводится картинка, но он не кликабельна.

<a class="img-1"><a class="iframe" href="page.html"></a></a> - то же, самое.

<a class="img-1" class="iframe" href="str.html"></a> - ссылка кликабельна, но вот модальное окно не срабатывает.

Edited December 6, 2010 by yelkin

[rus]

<a class="iframe" href="page.html"><a class="img-1"></a></a> - выводится картинка, но он не кликабельна.

<a class="img-1"><a class="iframe" href="page.html"></a></a> - то же, самое.

<a class="img-1" class="iframe" href="str.html"></a> - ссылка кликабельна, но вот модальное окно не срабатывает.

да уж...

<a class="img-1 iframe"></a>

[psywalker]

<a class="iframe" href="page.html"><a class="img-1"></a></a> - выводится картинка, но он не кликабельна.

<a class="img-1"><a class="iframe" href="page.html"></a></a> - то же, самое.

<a class="img-1" class="iframe" href="str.html"></a> - ссылка кликабельна, но вот модальное окно не срабатывает.