Joomla Templates Club 406,261 posts

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

#130626

Hi Everyone

We’ve been discussing this on and off in various threads around the forum. As far as I’m aware, there is no fix for this yet?

Problem is, horizontal spacing, when applied to images in the wysiwyg editor is being ignored by the browser, making the text/images touch. Here’s my last post in another thread:

This is the entire problem! As you can see, here is the HTML as setup in the Article Editor and I have 14 pixels horizontal space applied to the image:

Unfortunately, when I publish the article, the horizontal space is gone and images touches text:

This is the Page Source, viewed in Firefox:

So, my real question here is why is the browser actually ignoring the 14 pixels horizontal space?

This is not only bloody annoying, it makes the pages look bad.

Any assistance in finding a fix for this one would be greatly appreciated!!

Today’s Update: In the course of messing around this morning, I actually discovered something really weird…

If I apply a caption to the image, the horizontal spacing works fine! Everytime I decide not to have a caption, then same problem, the text is always touching the image and the ‘spacing’ has been ignored in the browser!

Not sure if this helps find a fix or not, but it was certainly interesting!

Anyone got any ideas at all on a fix for this one?

Cheers
Chris

[cgc0202 Friend cgc0202Join date: August 2007Posts: 2244Downloads:0Uploads:3 Thanks: 206 Thanked: 262 times in 1 posts]

#258964

Chris,

This is weird. I thought I responded to this. I responded based on how CMS has been scripted to ignore manually added html markups in the text (and possibly images) that appear in the HomePage

Can you please post the link of your website again and the page where you have this error.

Cornelio

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

#258987

What’s really weird is images with captions obey the ‘horizontal space’ rule, but images with no captions ignore this rule. This is a real problem as I don’t want the first image in the article to be captioned.

For instance, take a look at this article:
http://www.joomla.questbg.com/index.php?option=com_content&view=article&id=254:st-vlas-luxury-and-style-on-the-southern-coast&catid=71:seaski&Itemid=167

Images with captions, ok, image spacing works.

Images with no captions, big problem?

This is really annoying me. I guess the ‘demo’ site was ‘fudged’ to make this work?

Any code in HTML or CSS greatly appreciated

[cgc0202 Friend cgc0202Join date: August 2007Posts: 2244Downloads:0Uploads:3 Thanks: 206 Thanked: 262 times in 1 posts]

#258996

<em>@questbg 65563 wrote:</em><blockquote>What’s really weird is images with captions obey the ‘horizontal space’ rule, but images with no captions ignore this rule. This is a real problem as I don’t want the first image in the article to be captioned.

For instance, take a look at this article:
http://www.joomla.questbg.com/index.php?option=com_content&view=article&id=254:st-vlas-luxury-and-style-on-the-southern-coast&catid=71:seaski&Itemid=167

Images with captions, ok, image spacing works.

Images with no captions, big problem?

This is really annoying me. I guess the ‘demo’ site was ‘fudged’ to make this work?

Any code in HTML or CSS greatly appreciated</blockquote>

No, this can be solved easily Chris. Knock on wood.:) I just need the link to your website again, and point me to one with the error.

You are not supposed to place the html markup in the html edit itself but in the CSS file. Joomla, like any modern CMS were programmed to ignore certain markups — for security reasons. And, in this case, for good presentation in the Homepage, it ignores markups altogether.

Cornelio

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

#258997

That was link above!

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

#259012

Seems the same problem exists in Fedora too:

http://www.joomlart.com/forums/topic/problem-with-horizontal-space-between-an-image-and-a-text/

[cgc0202 Friend cgc0202Join date: August 2007Posts: 2244Downloads:0Uploads:3 Thanks: 206 Thanked: 262 times in 1 posts]

#259014

<em>@questbg 65563 wrote:</em><blockquote>

For instance, take a look at this article:
http://www.joomla.questbg.com/index.php?option=com_content&view=article&id=254:st-vlas-luxury-and-style-on-the-southern-coast&catid=71:seaski&Itemid=167
</blockquote>

Chris,

Can you try this:


<img class="testimage" src="/images/stories/poolsandhottubs/poolandview.jpg" border="0" alt="Chic Style Culture - pool view" title="chich style culture - pool view" hspace="14" align="left" />

and add this at the bottom of template.css

.testimage, div.testimage
{

padding: 15px;

}


or this:

.testimage, div.testimage
{

padding: 15px;
align: left;

}

if the image does not go to the left


Cornelio

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

#259019

Tried that and added the code to the template.css file, same problem through the site:

Seems the only ‘workaround’ is to caption every image, I do not want to do that, especially, the first image in each article.

Why can NOBODY answer this question. Surely this is one of THE biggest bugs in Teline II?

OK, it may not bother some folks, but coming from a quality typography/print background I do NOT want my images touching the text.

(rant over) 😀

[cgc0202 Friend cgc0202Join date: August 2007Posts: 2244Downloads:0Uploads:3 Thanks: 206 Thanked: 262 times in 1 posts]

#259025

Sorry Chris,

I have no way of duplicating the problem on my side because mine so far are having the proper spacing. Of course, I have not really changed much beyond the Demo format.

How do you insert image in your text, do you use mosimage? I use the mosimage option in the article edit. But that is mainly for Joomla 1.0x. I do not know if they use the same for Joomla 1.5x

<em>@questbg 65598 wrote:</em><blockquote>
OK, it may not bother some folks, but coming from a quality typography/print background I do NOT want my images touching the text.

(rant over) :D</blockquote>

I agree with you on that, it is ugly for image to be touching text.

I have an appointment shortly for the rest of the day. Good luck, I hope Menalto or someone else comes to the rescue.

Cornelio

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

#259031

To be honest, I haven’t got a clue what ‘mosimage’ is! I just click the ‘image’ button in the default editor and choose from the thumbnails in the image library. Then I modify this with alignment, caption and spacing. Let me know if you want screengrabs!

Hope somebody can fix this one.

[micawber Friend micawberJoin date: February 2007Posts: 67Downloads:0Uploads:0 Thanks: 6 Thanked: 4 times in 1 posts]

#259046

Have youtried switching editors. Found that suggestion in another thread and switched from tinymce to jce and proble of spacing disappeared

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

#259099

HI,
I had the same problem so when I went back into my JA Quillaja Users Guide on page 7 of 8 under FAQ’s 11. IMAGES without caption stuck with text (I would have worded it a bit differnt but I know what they mean).
States that it is becasue Joomla! generates code differently when mosimage does not have a caption. So if you decide NOT to use a caption you need to put it between div tag <div class=”mosimage” style=”float: left;”>{mosimge}</div> something like that…..

I have used horiztail spaceing in my editor by clicking on “the tree icon” next to the anchor, for image insert then ->clicked on the Apperance Tab-> go down to Horizantial Space add in “6”-> then insert. Puts in a nice space aorund the image. I’ve had to do this everytime I change out an image.

Hopefully this helps and I’m actually doing this the right way :D!

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

#259142

Hi Sandy. Thanks for that. I think (although I’m not 100% sure) that the ‘mosimage’ is only in Joomla 1.0.x? I don’t appear to have anything ‘mosimage’ in Joomla 1.5.3.

I tried the method above (Appearance, Horizontal Space), and whilst this space does appear in the HTML code, the browser ignores it (unless I use a caption!).

[cgc0202 Friend cgc0202Join date: August 2007Posts: 2244Downloads:0Uploads:3 Thanks: 206 Thanked: 262 times in 1 posts]

#259308

Chris,

I already tested the suggestions here:

Spacing around an image or lack thereof — a common problem that requires a solution

http://www.joomlart.com/forums/topic/spacing-around-an-image-or-lack-thereof-a-common-problem-that-requires-a-solution/

in my own Joomla1.5x-Teline II, so it should also work in yours. It took me almost the whole day trying various solutions.

Cornelio

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

#259370

<em>@cgc0202 65954 wrote:</em><blockquote>I already tested the suggestions here:
</blockquote>

Brilliant, I’ve posted my thanks in that thread. I’ve found a workround at last!

[Author]

Posts