заголовок+картинка=ссылка

S
На сайте с 14.06.2011
Offline
28
678

Как лучше:

1. <td><a href="http://site.ru/article/">Заголовок</a> <br />

<a href="http://site.ru/article/"><img style="margin: 5px;" src="/images/img.jpg" alt="о картинке" /></a> </td>

2. <td><a href="http://site.ru/article/">Заголовок<br />

<img style="margin: 5px;" src="/images/img.jpg" alt="о картинке" /></a>

</td>

3. <td onclick="location.href='http://site.ru/article/';" style="cursor: pointer;">

<a href="http://site.ru/article/">Заголовок</a> <br/>

<img style="margin: 5px;" src="/images/img.jpg" alt="о картинке" />

</td>

или свой вариант предложите.

Мне вообще не хотелось бы по 2 ссылки, достаточно одной - с заголовка, но пользователи ессесно так не думают((

[Удален]
#1

stroilogik, www.allave.ru/test/ :)

S
На сайте с 14.06.2011
Offline
28
#2
burunduk:
stroilogik, www.allave.ru/test/ :)

фух, блин, выручил. надеюсь сработает

зашил в закладки - навсегда!))

--------

burunduk, а как насчет пессимизации за такое?

S
На сайте с 14.06.2011
Offline
28
#3

Вообщем нашел для себя другой способ, отличный от метода burunduk

во первых потому что просто отказался работать у меня, во вторых придумал кое-что другое))

<script>

window.addEvent('domready', function() {
$$(".my td").addEvent('click', function(){
window.location = this.getElement("a").get("href");
return false;
});
});
</script>

сам код

<tr class="my">

<td><a href="http://site.ru/article/">Заголовок</a><br />
<img style="margin: 5px;" src="/images/img.jpg" alt="о картинке" />
</td></tr>

немного css

.my img {cursor: pointer;}

ссылка получается одна, но с заголовка и с картинки :)

[Удален]
#4

stroilogik, это практически то же самое, только на чистом js

у меня на фреймворке jquery и вы обращаетесь к единственному атрибуту href (а если их несколько), а я разбираю html код данного блока

и то и другое имеет право на существование :)

у меня там небольшая ошибка не указан class у div должно быть

<div class="ssdiv">

<a href="index.html">Классная картинка</a>
<br />
<img src="img/index.jpg" alt="картинка" />
</div>
S
На сайте с 14.06.2011
Offline
28
#5
burunduk:
stroilogik, это практически то же самое, только на чистом js
у меня на фреймворке jquery

да, я понял что на jquery, библиотеку подключил и класс заметил что не прописан, разобрал весь jqall.js. Проблема в том что на сайте активно используется мутулз, бился-бился, но так и не смог завести((

burunduk:

и вы обращаетесь к единственному атрибуту href (а если их несколько), а я разбираю html код данного блока

хм, почему? в таблице всего 10 ссылок - все работает...

[Удален]
#6
stroilogik:
на сайте активно используется мутулз

так есть ноконфликт да и то же самое наверно можно и на мутулз реализовать :)

stroilogik:
в таблице всего 10 ссылок - все работает..

не в таблице, а в блоке :)

S
На сайте с 14.06.2011
Offline
28
#7

в блоке не пробовал, главное, что мне надо было я добился))

хотя завел, burunduk, попробую еще посидеть над проблемой, спасибо!

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий