Shape 5

Joomla Templates => Touch of Soul - Club => : gardjones November 05, 2009, 10:45:18 PM



: Text runs into images
: gardjones November 05, 2009, 10:45:18 PM
Several articles on a site I am developing use images in their articles. When I place an image into an article, the surrounding text is right up against the borders of the image, making it look very amateur. I tried editing the img tag so that it includes vertical and horizontal space, but that doesn't work when the page is displayed.
For example the following code in the spotlight news 1 article:
:
<Img src="/images/image1.jpg" vspace="5" hspace="8" alt="blah blah blah" align="left" />
<p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt</p>
yields an article with text butted up against the right and bottom sides of the image in the module position, but will have space around it when the title link is clicked to display only the article.


: Re: Text runs into images
: mikek November 06, 2009, 07:57:56 AM
Hello, your images need a class="padded" applied to them. The padded class will float the images left and give them padding.


: Re: Text runs into images
: gardjones November 06, 2009, 11:08:48 AM
That worked for the s5_tab pieces, and even for an article when displayed by itself. I still have an issue with the S5 Spotlight News on the front page. I am attaching sample images for you. In all cases I have included the code:
:
<img class="padded" src="<image file path and name>" border="0" alt="description " align="left" />


: Re: Text runs into images
: mikek November 06, 2009, 12:46:12 PM
Hi, on line 860 of template_css.css you'll find:

#s5_content_wrap_inner div.s5_sn_1_text img {

under that remove margin-right:0px;


: Re: Text runs into images
: gardjones November 12, 2009, 12:53:44 PM
Thanks, Mike. The solved the problem. :)