si-blog

XFN styling news

Posted May 11, 2004 in CSS.

Since there is someone on my out there list who I've actually met, I decided to reflect that fact with an addition to my XFN styling. Once again, I am using generated content to insert a little Pushpin icon before the link. To bring the link back in line with the others, I alter its left margin:

div#nav2 ul li a[rel~="met"]:before {
    content: url(/images/pushpin.gif);
    margin-left: -20px;
}

Comments

  1. Gravatar

    Don't forget this functionality is beyond Internet Explorer at the moment. My advice would be to get Mozilla Firefox.

    Posted by Simon Jessey on May 11, 2004.