Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Общие вопросы Оформление ссылки на скачивание.

Оформление ссылки на скачивание.


     17.05.2013    Общие вопросы    1838

вопрос
Оформление ссылки на скачивание.


Как сделать весь блок кликабельным?


span.attachment {
  display:block;
  margin: 10px 0;
  padding: 5px 5px 5px 52px;
  border: 1px solid #DCE7E7;
  background: #F9FAFA url('../images/download.png') 10px 50% no-repeat;
}
span.attachment a {
  display:block;
  text-decoration:none;
}
span.attachment a:hover {text-decoration:underline;}

Ответа пока нет


Комментарии пользователей (10)

Sander
1126

1637 | 1204

Sander - 18 мая 2013 12:17 - Эксперт

Я бы пробовал делать на jQuery, типа так:
$(".attachment").click(function(){
  $(this).find("a").trigger('click');
});

SanDev.pro - мой блог.

ICQ: 404-037-556
Skype: Sander8804

DrajE
44 | 31

DrajE - 18 мая 2013 15:02 - Юзер

Цитата: Sander
Я бы пробовал делать на jQuery, типа так:$(".attachment").click(function(){  $(this).find("a").trigger('click');});

Попробовал, изменений нет.

shamanim
1

166 | 30

shamanim - 18 мая 2013 15:18 - Юзер

просто спан окружить ссылокой и все

DrajE
44 | 31

DrajE - 18 мая 2013 18:00 - Юзер

Цитата: shamanim
просто спан окружить ссылокой и все

Звучит просто, а как сделать?

Exile
17

235 | 68

Exile - 18 мая 2013 18:14 - Гости

Добавить то, что выделено + заменить курсив на ссылку для скачивания

[b]<a href="[i]attachment-link[/i]">[/b]
<span>Тут внутренности</span>
[b]</a>[/b]

Exile
17

235 | 68

Exile - 18 мая 2013 18:15 - Гости

Криво отобразилось :(
Заменить attachment-link на ссылку для скачивания
<a href="attachment-link">
<span>Тут внутренности</span>
</a>

werty1001
18

56 | 30

werty1001 - 19 мая 2013 00:10 - Юзер

.attachment {
  position: relative;
  z-index:3;
  display:block;
  margin: 10px 0;
  padding: 5px 5px 5px 52px;
  border: 1px solid #DCE7E7;
  background: #F9FAFA url('../images/download.png') 10px 50% no-repeat;
}

.attachment a {
  display:block;
  text-decoration:none;
  position: absolute;
  top: 0;
  left: 0;
  right:0;
  bottom:0;
  z-index:5;
}

DrajE
44 | 31

DrajE - 19 мая 2013 14:29 - Юзер


werty1001, так то-же не получается.
https://dle-faq.ru/uploads/comments/2184/thumbs/temp.jpg?r=1368959336

DrajE
44 | 31

DrajE - 19 мая 2013 14:31 - Юзер

Цитата: Exile
Криво отобразилось :(Заменить attachment-link на ссылку для скачивания<a href="attachment-link"><span>Тут внутренности</span></a>

Куда вставлять? Текст и ссылку в шаблоне выдает [xfvalue_file]

Exile
17

235 | 68

Exile - 20 мая 2013 00:02 - Гости

Напишите в ICQ - 64два143648

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы