css - IE7: background-img on multipleline text -
on anchor-tag url external site have little icon indicates link external site. icon included via additional span-element around link-text , displayed via css background-image position 100% 50% @ end of text , padding-right text-gap between link , following text
now works fine in every browser — as long link-text not longer 1 line … if on multiple lines, whole thing works still fine everywhere, except ie7 (ie6 not supported project)… ie7 displays icon @ end of first line , few pixels bottom, instead of @ end of link-/span-text on second or third line…
sometimes picture says more 1000 words: http://img859.imageshack.us/i/spdexternalerror.jpg/
html-code: <a href="#"><span class="external">link-text multiple lines</span></a>
css span-element: {background: url(/#/icon-new-window.png) no-repeat center right; padding-right: 14px;}
adding zoom:1 css property resolves problem @ situations
Comments
Post a Comment