Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы » Оформление ссылки на скачивание.

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


     17.05.2013    Все вопросы » Общие вопросы    3241

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


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


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
PHP-developer

Sander - 18 мая 2013 12:17 -

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

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

Telegram: @sandev
Skype: Sander8804

DrajE
Юзер

DrajE - 18 мая 2013 15:02 -

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

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

shamanim
Юзер

shamanim - 18 мая 2013 15:18 -

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

DrajE
Юзер

DrajE - 18 мая 2013 18:00 -

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

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

Exile
Гости

Exile - 18 мая 2013 18:14 -

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

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

Exile
Гости

Exile - 18 мая 2013 18:15 -

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

werty1001
Юзер

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
Юзер

DrajE - 19 мая 2013 14:29 -


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

DrajE
Юзер

DrajE - 19 мая 2013 14:31 -

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

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

Exile
Гости

Exile - 20 мая 2013 00:02 -

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

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

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

наверх