Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS need help using attribute selectors Re: need help using attribute selectors

#64950
dhechler
Member

Ok, so just giving it a quick look, I came up with this. Just using Inspect Element in Chrome, this seems to work.


#content a {
background-color: #F5FAFC;
border-bottom-color: #CDCDCD;
border-bottom-style: dashed;
border-bottom-width: 1px;
color: #025BB9;
padding-bottom: 1px;
padding-left: 2px; -- GET RID OF THIS --
padding-right: 2px;
padding-top: 0px;
text-decoration: none;
}

a[href$=".pdf"] {
background-image: url(http://www.vannaamen.nl/develope/images/link-pdf.gif);
background-position: 0px 50%;
background-repeat: no-repeat;
padding: 0px 0px 0px 45px; -- THIS REPLACES ABOVE PADDING --
text-indent: 30px;
}