Main
Index
Search
Posts
Who's
Online
Log
In

Home: Discontinued/Classic Products: News Manager & Job Manager:
More space between image and text

 

 


fleff
User

Jul 23, 2006, 12:19 PM

Post #1 of 7 (5425 views)
Shortcut
More space between image and text Can't Post

News Manager is running fine but I would like to have more space (hspace) between the image, which is aligned left, and the text next to it. Is there some way to do this? I didn't find it in the forum.

Farnham


ross
Staff / Moderator


Jul 23, 2006, 1:52 PM

Post #2 of 7 (5416 views)
Shortcut
Re: [fleff] More space between image and text [In reply to] Can't Post

Hi Farnham.

Thanks for posting!

By default the image and text are displayed using a table. The image is in the left cell and the text is in the right cell. What you can do is add a bit of padding to the right side of the cell your image is displaying in.

That would look like this:

<td style=”padding-right: 10px;”>$image$</td>

Give that a shot and remember to republish your articles after making the change Smile.
-----------------------------------------------------------
Cheers,
Ross Fairbairn - Product Specialist
support@interactivetools.com

Hire me!  Save time by getting our experts to help with your project.
Template changes, advanced features, full integration, whatever you
need. Whether you need one hour or fifty, get it done fast with
Priority Consulting: http://www.interactivetools.com/consulting/



fleff
User

Jul 24, 2006, 6:43 AM

Post #3 of 7 (5404 views)
Shortcut
Re: [ross] More space between image and text [In reply to] Can't Post

Thanks, Ross, for responding so promptly. The problem is this: I find only one cell in the table with both the image and text in it. If I separate it into two cells, the text no longer wraps around the image. I just want a little more space between the image and the text. Am I missing something here? The image could be saved with a space on its right side, but I'm trying to avoid this extra step for my client.

Thanks,

Farnham


Donna
Staff / Moderator


Jul 24, 2006, 2:20 PM

Post #4 of 7 (5384 views)
Shortcut
Re: [fleff] More space between image and text [In reply to] Can't Post

Hi Farnham,

The same code (the style="padding-right: 10px;") will work in any tag -- you can put that into a <span> tag around the image placeholder, too. So, try this:

<span style="padding-right: 10px;">$image$</span>

I hope this helps! :)

Donna

--
support@interactivetools.com


fleff
User

Jul 25, 2006, 6:53 AM

Post #5 of 7 (5371 views)
Shortcut
Re: [Donna] More space between image and text [In reply to] Can't Post

Thanks, Donna. I tried your suggestion and all it did was indent the first line in Firefox and nothing at all in Safari or IE - all on a Mac. On a Windows PC it indented the first line in IE. You can see it here: http://lrws.org/nm/publish/news_8.html.

Here is the code I used, and I published the page:

<table border=0 cellspacing=0 cellpadding=0 width="550">
<tr>
<td class="black">
<span style="padding-right: 10px;">$image$</span>$content$<br>
</td></tr></table>

Is there something else I should be doing?

Best,

Farnham


ChetW
Staff


Jul 26, 2006, 11:54 AM

Post #6 of 7 (5357 views)
Shortcut
Re: [fleff] More space between image and text [In reply to] Can't Post

Hi Farnham,

Thanks for the update,

One thing you could do is drilldown the image padding using your CSS file. To do this follow the steps below:

-Find this section of code:


Code
<table border=0 cellspacing=0 cellpadding=0 width="550"> 
<tr>
<td class="black">
<span style="padding-right: 10px;">$image$</span>$content$<br>
</td></tr></table>


and replace it with this:


Code
<table border=0 cellspacing=0 cellpadding=0 width="550"> 
<tr>
<td class="black">
<span>$image$</span>$content$<br>
</td></tr></table>


Notice that I have removed the embedded style attribute from inside the <span> tag.

- Next you will want to open your CSS file and find the ".black" class. Underneath this style add the following style information:


Code
.black img { padding-right: 10px; }


This change basically drills down to any images (img) that are inside the ".black" class and gives the image a 10 pixel padding on the right side.

Give this a try Farnham and see how it works for you! Also if have any other quetions feel free to ask.
Cheers,
Chet Woodside - Product Specialist
support@interactivetools.com

[hr][i][url "http://www.interactivetools.com/consulting/"][b]Hire me![/b][/url]
Save time by getting our experts to help with your project. Template changes, advanced features, full integration, whatever you need. Whether you need one hour or fifty, get it done fast with [url "http://www.interactivetools.com/consulting/"][b]Priority Consulting[/b][/url].[/i]


fleff
User

Jul 26, 2006, 4:38 PM

Post #7 of 7 (5346 views)
Shortcut
Re: [ChetW] More space between image and text [In reply to] Can't Post

That did it! I did a slight variation on your code because the CSS class "black" defines my text. It looks like this:

<table border=0 cellspacing=0 cellpadding=0 width="550">
<tr>
<td>
<span class="photo_space img">$image$</span><span class="black">$content$</span><br>
</td>
</tr>

Thanks very much, Chet. I knew you guys would solve my problem.

Best,

Farnham
</table>