Forum Support

Shape 5
March 28, 2024, 03:17:06 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News: Shape 5 Forum
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Text runs into images  (Read 541 times)
gardjones
Jr. Member
**
Offline Offline

Posts: 32



« on: 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:
Code:
<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.
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #1 on: 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.
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
gardjones
Jr. Member
**
Offline Offline

Posts: 32



« Reply #2 on: 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:
Code:
<img class="padded" src="<image file path and name>" border="0" alt="description " align="left" />
Logged
mikek
Administrator
*****
Offline Offline

Posts: 28743



WWW
« Reply #3 on: 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;
Logged

Mike Knott
------------
Shape 5 Team

- Need a great host for your website? We highly recommend siteground.com!


- Put your trust in the hands of our extremely qualified staff to get your job done right!


- Firebug is the most powerful web development and debugging tool, and it will save you a lot of time, frustration and forum questions:
Install Firebug
gardjones
Jr. Member
**
Offline Offline

Posts: 32



« Reply #4 on: November 12, 2009, 12:53:44 PM »

Thanks, Mike. The solved the problem. Smiley
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF | SMF © 2013, Simple Machines
Joomla Bridge by JoomlaHacks.com
Valid XHTML 1.0! Valid CSS!
Looking for the largest variety in template designs? Look no more. Never buy 1 theme again. Signups start at just $89 for access to all of our themes.
Send Us An Email
Please send us your questions and we will email you back as soon as we can. Product support questions should be posted in our support forums under the Help menu. Our staff will assist you from there.