On Tue, Aug 16, 2011 at 2:15 AM, Angela French <afre...@sbctc.edu> wrote: > Yucca, the padding-left is to put a bit of space between the last letter of > the link and the document icon. The issue with the icon appear to the far > right is, in this case, because my links are list items.
That space between the image and the last letter of the link would be to the left of the image, not the link. For example, this could be the box representation of an anchor: <a>[padding-left goes here]This is my PDF file.[padding-right goes here]</a> If you use padding-left, but your background-position is set to the right, there will be an empty space at the left inside the link, but your background image will appear behind the text at the right-hand side. In this case, the image isn't even an element. It's just a property of the link, so you can't give it properties like padding. If you want to be able to see the image without text in front of it, you need to reserve some space inside the link's block for the image. That would be padding-right because the background-position is right. > Angela French -- Ghodmode http://www.ghodmode.com/blog ______________________________________________________________________ css-discuss [css-d@lists.css-discuss.org] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
