a[href^="mailto:";] {
background: transparent url('path/to/aemail.gif') 100% 50% no-repeat;
padding-right: 10px;
}
div.content a[href^="http:"] {
background: transparent url('path/to/aoutside.gif') 100% 50% no-repeat;
padding-right: 10px;
}
div.content a[href^="http://yourwebsite.com";],
div.content a[href^="http://www.yourwebsite.com";] {
background: inherit;
padding-right: 0px;
}
This might help?
On Tue, 07 Dec 2004 15:29:35 +1000, Ben Hamilton <[EMAIL PROTECTED]> wrote:
> I got annoyed with links not being what I expected. And started to
> figure a way to let people know where links on my site are going to take
> them by using CSS to put an icon after the hyperlink, dependant upon
> it's type.
>
> The results, at this stage, are here:
> http://wallishamilton.com/code/ext-links-example.html (validates)
>
> The CSS file:
> http://wallishamilton.com/code/screen.css
> doesn't validate, I get the error
>
> "Combinator *= between selectors is not allowed in this profile or version"
> "Combinator ^= between selectors is not allowed in this profile or version"
>
> Is there another way, any pointers would be appreciated.
>
> Of course the simple answer may be to simply use a different DTD. But
> I'm trying hard to switch to strict.
>
> Ben Hamilton.
> http://wallishamilton.com/
>
> ******************************************************
> The discussion list for http://webstandardsgroup.org/
>
> See http://webstandardsgroup.org/mail/guidelines.cfm
> for some hints on posting to the list & getting help
> ******************************************************
>
>
--
Regards,
Amit Karmakar
http://karmakars.com
******************************************************
The discussion list for http://webstandardsgroup.org/
See http://webstandardsgroup.org/mail/guidelines.cfm
for some hints on posting to the list & getting help
******************************************************
