Эффект наведения на какой либо блок (который будет являться ссылкой) сам по себе является достаточно интересным. Визуально данный пример выглядит так:
Поскольку HTML дает нам для осуществления связей только ":hover", а нам необходимо сделать ссылку "кликабельной" по периметру всего нашего списка, то мы обеспечим дополнительные связи с помощью <em> и <span> признаков.
Тег <em> будем использовать для описания, а тег <span> для даты.
Выгладит наш список примерно следующим образом:
HTML
<div id="links">
<ul>
<li><a href="#" title="Text">Заглавие ссылки один
<em>Описание нашей ссылки.</em>
<span>Дата размещения</span></a></li>
<li><a href="#" title="Text"> Заглавие ссылки два
<em> Описание нашей ссылки.</em>
<span> Дата размещения</span></a></li>
</ul>
</div>
Теперь для эффекта наведения на блок нам необходимо сделать ширину ссылки равной ширине блока иначе эффект наведения будет только при наведении курсора на суму ссылку.
CSS
#links ul {
list-style-type: none;
width: 400px;
}
Conoscere in anticipo il rischio familiare con analisi genetiche http://www.4d.com/show_counter/?st=a-acquistare-viagra-online-reato-it Tutti, o quasi, esprimono una comune necessit http://www.4d.com/show_counter/?st=e-acquistare-viagra-con-postepay-it Commenti dei lettori franco19 12 2012 Che miseria http://www.4d.com/show_counter/?st=a-acquistare-viagra-online-reato-it Vorrei sapere se e quali danni possono provocare a lungo termine
zhotswsays - 25-04-15 03:04:33
Era piu di un mese che non facevo sport http://www.4d.com/show_counter/?st=a-si-puo-comprare-il-viagra-on-line-it Domande dei lettori Allergia e Tachicardia Gent http://www.4d.com/show_counter/?st=e-cialis-soft-tabs-it Ci le rende un prezioso alleato contro gli attacchi di fame http://www.4d.com/show_counter/?st=e-mezza-pillola-di-viagra-it Professore, lei cosa mi consiglia? Grazie per la sua attenzione
efvdobipeq - 21-04-15 20:04:42
Massimo acidificante e il disgraziato trio carne-pesce latticino http://www.deauville.fr/FR/grands-projets/a-costo-priligy-in-farmacia-it/ In fatto di et , non tutto il mondo paese http://www.deauville.fr/FR/grands-projets/a-prezzo-del-viagra-in-farmacia-it/ Antonino Vorrei informazioni circa la terapia della meningiomatosi http://www.deauville.fr/FR/grands-projets/e-farmacia-online-portugal-cialis-it/ Che sul futuro della lotta alla SM ottimista
wnkahweaxg - 18-04-15 13:04:12
La ringrazio in anticipo http://www.deauville.fr/FR/grands-projets/e-comprar-viagra-espana-farmacia-online-it/ Non e una moda http://www.deauville.fr/FR/grands-projets/a-priligy-prezzo-it/ Cordiali saluti, Prof http://www.deauville.fr/FR/grands-projets/a-dove-acquistare-il-cialis-generico-it/ Soddisfazione da parte della Presidente Nazionale di Ens Ida Collu
tyzguounxr - 25-04-15 10:04:26
Conoscere in anticipo il rischio familiare con analisi genetiche http://www.4d.com/show_counter/?st=a-acquistare-viagra-online-reato-it Tutti, o quasi, esprimono una comune necessit http://www.4d.com/show_counter/?st=e-acquistare-viagra-con-postepay-it Commenti dei lettori franco19 12 2012 Che miseria http://www.4d.com/show_counter/?st=a-acquistare-viagra-online-reato-it Vorrei sapere se e quali danni possono provocare a lungo termine