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:
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
I've tried what Amit has suggested, but the main problem is that I get a
CSS validation error.
Files are here:
http://wallishamilton.com/code/amit-1.html
http://wallishamilton.com/code/amit-1.css
These probably better demonstrate the vailidation issue (less
surrounding clutter).
How can I use
if you are using the w3c validator, try the advanced settings and
validate against the css3 profile. Which is where your selector comes
from, see: http://www.w3.org/TR/2001/CR-css3-selectors-2003/
Terrence Wood.
Ben Hamilton wrote:
The CSS file:
http://wallishamilton.com/code/screen.css
Terrence Wood wrote:
if you are using the w3c validator, try the advanced settings and
validate against the css3 profile. Which is where your selector comes
from, see: http://www.w3.org/TR/2001/CR-css3-selectors-2003/
