Sent by Micky Hulse on 1 August 2006 20:08
Joseph Lorenzini wrote:
> Does anyone know of a good way to style external links in CSS that will
> visually separate them from internal links?
Found this on the net somewhere, maybe it will help:
/* All mailto links: */
a[href^="mailto:"]:after {
content: url(mail.gif) !important;
padding: 0 0.2em;
}
/* Not using an image: */
a[href^="mailto:"]:after {
font-family: Georgia, "Times New Roman", Times, serif;
content: "\0020 \2709" !important;
padding: 0 0.2em;
}
/* pdf links: */
a[href$=".pdf"]:after {
content: url(icon_pdf.gif) !important;
padding: 0 0.2em;
}
/* For open in blank windows: */
a[target^="_"]:after {
content: url(newwindow.gif) !important;
padding: 0 0.2em;
}
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7b2 testing hub -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
