Css tips and tricks
9.742 visualizzazioni
CSS: aggiungere al link info
29/07/2013A volte capita di inserire dei link a documenti in formato PDF che raggiungono dimensioni molto alte e possono provocare irritazione all'utente non correttamente avvisato del tipo e delle dimensioni del link.
Attraverso una semplice regola CSS possiamo 'aggiungere' alcune info che identificano la tipologia del link e informano anche sulla dimensione.
Ecco l'esempio di regola CSS da inserire nel nostro foglio stile:
a[href$=".pdf"][data-size]:after
{
content: " (documento PDF, " attr(data-size) ")";
}
Quindi l'html del link sarà
<a href="some.pdf" data-size="2 MB">brochure</a>