At 1/30/2007 05:50 PM, Jason Bayly wrote:
Thanks Paul,
I've implemented what you suggest..
http://www.newgency.com/test/css_temp.htm
The css technique doesn't seem to work too well.
I also have a non css example of what I'm trying to achieve. If you
resize the browser window so that the link wraps, you will see the end result.
Any thoughts on a nice css based solution?
Oops, sorry, forgot to test in Explorer.
So here's a solution that does work in both Firefox and Explorer:
_________________________
<a href="#">This is a very very ... very long link<span></span></a>
a span
{
padding: 0 8px;
background: url("folder.gif") right center no-repeat;
height: 1%;
}
_________________________
The 8px horizontal padding makes room for a 16px-wide image.
<span></span> is deplorably extraneous in the markup, but at least
it's semantically transparent.
height: 1%; is a harmless hack to force Explorer to give the span
"layout," without which it's necessary to insert a space inside the span.
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]
*******************************************************************
