At 1/30/2007 03:26 PM, Jason Bayly wrote:
Has anyone got any examples or techniques to add an icon/image to the right of an anchor tag, specifically when the text wraps to a second line. Google doesn’t want to help today….


You can apply a padding-right to your anchor and a background-image in that space.

a.with-icon
{
        padding-right: 20px;    /* a few pixels wider than the image */
        background: url("icon.gif") right center no-repeat;
}

I suggest background-position: right center; to keep the icon vertically centered as font-size expands.

Regards,

Paul
__________________________

Juniper Webcraft Ltd.
http://juniperwebcraft.com


*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************

Reply via email to