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 PROTECTED]
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/

Reply via email to