: Padded image issue : macks June 20, 2011, 07:49:08 AM I have inserted some images on my home page using the following code:
: <div style="float: left; width: 220px; overflow: hidden; margin-right: 14px; font-size: 0.9em;"><img class="padded" src="images/content1.jpg" border="0" /> <strong>text header</strong> With this amount of module positions you will never run out of room and can pick from hundreds of layout options. <a class="readon" href="index.php?option=com_content&view=article&id=14&Itemid=49" style="font-size:1em;margin-top:12px">Learn More...</a></div> The problem is that the left hand line in the padded box is invisible! Can you help? Thanks : Re: Padded image issue : macks June 20, 2011, 08:20:02 AM I forgot to add that the issue relates to firefox 4.0.1
: Re: Padded image issue : mikek June 20, 2011, 10:20:35 AM Hello,
Please post a url to where the problem occurs. : Re: Padded image issue : macks June 20, 2011, 11:41:52 AM maximise.com/clr1
: Re: Padded image issue : mikek June 20, 2011, 11:46:06 AM Hello,
The surrounding div of the image has an overflow:hidden on it. just remove that overflow call: <div style="float: left; width: 220px; overflow: hidden; margin-right: 14px; font-size: 0.9em;"><img border="0" style="margin-bottom:4px" src="/clr1/images/content2.jpg" class="padded"> <strong>Presentation Skills Training </strong>With a custom highlight color you can easily change the color of the entire site by setting just one color param. <a style="font-size:1em;margin-top:12px" href="/clr1/index.php?option=com_content&view=article&id=197&Itemid=228" class="readon">See Examples...[/url]</div> : Re: Padded image issue : macks June 20, 2011, 11:59:14 AM Perfect! Thanks again, mikek
|