Joomla Templates Club 406,261 posts

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#196454

The first 2 images in an article do not automatically get assigned suitable margins but the rest do. If class=”caption” is added to the first 2 images then margins are assigned. How can I get margins assigned automatically to all images in an article regardless of caption settings?

Example: http://217.199.187.59/tecsa.com/joomla2/index.php/en/editorial/large-format/939-buzz-and-excitement-at-sgi

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#529541

you need to just add align=”right” or align=”left” in the first two image tag like below

First Image

<img width="450" height="300" align="right" style="float: right;" src="/tecsa.com/joomla2/images/stories/sgi14/sgi_l0019.jpg" alt="sgi l0019">

Second image:

<img align="left" style="float: left;" src="/tecsa.com/joomla2/images/stories/sgi14/sgi_l0002.jpg" alt="sgi1">

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#529547

Hi Chavan,

In JCE editor the Align right is set per below. How can one get it to give the html code you suggest? Our Editors can’t even spell html let alone know what it stands for so WYSIWYG is only way to go 🙂

BTW the image URL should start with “images/stories etc. Otherwise the image doesn’t appear in this view: http://217.199.187.59/tecsa.com/joomla2/index.php/en/editorial/large-format nor in the JA News Pro module.

I have now added the align=”right” manually in order to get the margins on the first 2 images but cannot get JCE to do same.

---

Attachments:

1. 

[timtecsa Friend timtecsaJoin date: October 2009Posts: 1382Downloads:86Uploads:327 Thanks: 197 Thanked: 132 times in 34 posts]

#529673

I just found out that the Image button below the backend editor window in my Joomla 1.5 site actually inserts an img align=left/right tag rather than a float tag. Where can I find the same or an equivalent button for my Joomla 3x site?

UPDATE: I solved this lack of a JCE align button problem by adding some custom CSS as follows.

.pull-right {
margin-top: 5px;
margin-bottom: 5px;
margin-left: 15px;
}
.pull-left {
margin-top: 5px;
margin-bottom: 5px;
margin-right: 15px;
}


This means that the J3 core Image button plugin which uses the pull class can be used to get margins on article images without having to manually insert the align code.

However, how can I make the caption stuff generated by this image button plugin behave as required? i.e. to make captions like this which I do with class=caption via JCE.

http://217.199.187.59/tecsa.com/joomla2/index.php/en/news/industry-news/analogue-printing/17493-gerin-installs-austrias-first-speedmaster-xl-106-with-le-uv-technology-from-heidelberg

---

Attachments:

1. 

[Author]

Posts