Printable View
ho visto in alcuni siti - sopratutto quelli trattanti argomenti tecnici-web [esempio] - alla fine di alcuni link esterni una immagine piccolina indicante proprio l'esemplificazione che tale link portava a una diversa pagina - alla fine l'imagine non é il perno - vorrei sapere come inserire tale img in automatico ad ogni link che voglio io..
presumo in css, ho dato uno sguardo alla sorgente [html e css] del sito citato nell'esempio, ma non ho ben capito il codice...
qualcuno sà spiegarmi? :)
per quanto riguarda quel sito, usa una classe .liexternal per caratterizzare tutti i link a cui deve essere assegnato l'icona di link esterno, che è assegnata come sfondo; direi lo stesso metodo e simbolo che usa anche wikimedia, e quello più compatibile.
C'è anche un metodo puro css, senza dover specificare una classe, che usa i selettori più avanzati. Dovrebbero essere supportati ovunque, ho solo il dubbio su IE6, ma forse vanno anche li. Si tratta di definire nel css qualcosa di simileQuesta regola viene applicata a tutti i tag <a> il cui attributo href comincia ( ^= ) con http:// e quindi è esterno (basandosi sulla convezione di usare solo url relativi per link interni)Codice:a[href^=\"http:\"] {
background-image: url(ext-link.png) right no-repeat;
}