Joomla Templates Club 406,261 posts

[PGLion Friend PGLionJoin date: March 2006Posts: 107Downloads:0Uploads:17 Thanks: 8 Thanked: 7 times in 1 posts]

#138468

Where can i adjust the space between the text and image in an article. At the moment there is no space between them at all. Please check attached image to clarify.

---

Attachments:

1. 

[questbg Friend questbgJoin date: May 2008Posts: 1912Downloads:0Uploads:1 Thanks: 146 Thanked: 339 times in 197 posts]

#293069

Hi PGLion

You need to apply the ‘caption’ style to your image in order to get a space.

In the editor, click on your image, at the top choose “– Styles –” and then “caption”, you should then see the space when you refresh the page.

Hope that helps!
Chris

2 users say Thank You to questbg for this useful post

1. PGLion
2. jacomino

[PGLion Friend PGLionJoin date: March 2006Posts: 107Downloads:0Uploads:17 Thanks: 8 Thanked: 7 times in 1 posts]

#293072

Thans for your fast reply questbg. I tried this using JCE 1.5.1 but it won’t let me select the Styles pulldownlist. Is this a known issue?

[questbg Friend questbgJoin date: May 2008Posts: 1912Downloads:0Uploads:1 Thanks: 146 Thanked: 339 times in 197 posts]

#293074

Very strange, I don’t know as I’m using Tiny MCE as Editor.

You could always check in the HTML, it should look something like this:

<img class="caption" src="images/stories/areafocus/vidin/vidin6.gif" border="0" alt="vidin on the danube bulgaria" title="vidin on the danube bulgaria" align="left" />

Try that and see if it at least gives the space!

Good Luck
Chris

[PGLion Friend PGLionJoin date: March 2006Posts: 107Downloads:0Uploads:17 Thanks: 8 Thanked: 7 times in 1 posts]

#293075

Well, I sorted it out with JCE and now I have the control over Styles. I did what you suggested and indeed the space is there, excellent!. But the caption text is also there even if I don’t select this option. Now this is not a big problem, in the future I will not fill in the title.

I am wondering if there is not another way to automate adding space between the text and picture. Any suggestions?

[questbg Friend questbgJoin date: May 2008Posts: 1912Downloads:0Uploads:1 Thanks: 146 Thanked: 339 times in 197 posts]

#293076

You can also apply the ‘caption’ style when you first import the image, rather than doing this afterwards or in the code. As you say, just leave the ‘Title’ field blank.

I’ve not yet found another method of doing this!

Glad it’s now working in a fashion 😀

[sbaldwin Friend sbaldwinJoin date: May 2008Posts: 342Downloads:0Uploads:65 Thanks: 119 Thanked: 15 times in 1 posts]

#293092

Hi Chris/PGLion,
Another way I use (if this will work in JCE) is in TinyMCE after you insert your image I then “click” on the image inside the content editor to select it, then click on the image editor “icon” to bring up the settings box. In the Horizontial field I use “6”. This keeps the text from “hopping away” from the image when the page loads so the text does not move and seems to be the perfect spacing.

I’ve attached a screen shot.

---

Attachments:

1. 

[Author]

Posts