disign.it | CSS: aggiungere al link info | a digital sign for a best design!
A digital sign for a best design
Css tips and tricks 8.410 visualizzazioni

CSS: aggiungere al link info

29/07/2013

A 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>

CSS
← Htaccess: registrare errori PHP Skype: usare due account contemporaneamente →

Invia una domanda o un commento sull'articolo

I campi obbligatori sono segnalati *

*

*



 

© 2009 - 2017 Impronte digitali di Luca Frassineti. Tutti i diritti riservati.