Joomla Templates Club 406,261 posts

[Aratype Friend AratypeJoin date: August 2007Posts: 797Downloads:41Uploads:60 Thanks: 194 Thanked: 98 times in 6 posts]

#150163

My last question regarding JA Lime images…

http://www.targamat.com/101/

Images have nice border. However, when I change any image I lost the border…

I did the test for “About author”…

Thanking you in advance

OR

[prakash Friend prakashJoin date: October 2008Posts: 439Downloads:0Uploads:1 Thanks: 2 Thanked: 146 times in 115 posts]

#339289

hi for this edit the image and by default border is set to 0 change that to 1 and you should see the border aroudn the image.

[Aratype Friend AratypeJoin date: August 2007Posts: 797Downloads:41Uploads:60 Thanks: 194 Thanked: 98 times in 6 posts]

#339292

Thanks,

I tried that but it is not like the original border…

you can see it @ the indicated site…

[prakash Friend prakashJoin date: October 2008Posts: 439Downloads:0Uploads:1 Thanks: 2 Thanked: 146 times in 115 posts]

#339419

Hi…

There is some extra code between what is there and what you have….

see the code as per sample data:

<p><img class="img-border" src="images/stories/demo/sam-7.jpg" border="0" alt="Image form: Corbis" align="left" style="margin: 5px 10px 0 0;" /> <a href="http://joomla.org" target="_blank" title="Joomla! Events">Eros magna erat ut</a>, id libero pede in a. Quam dolor in nisl eleifend, vestibulum frin lorem isphum dol pellentesque suscipit vivamus. Amet turpis vestibulum dolor mus...</p>

and this is what u have on your site:

<p><img src="/101/images/stories/demo/sam-7.jpg" border="0" width="60" height="60" style="float: left; border: 1px solid black; margin-left: 10px; margin-right: 10px; margin-top: 1px; margin-bottom: 1px;" /> <a href="http://joomla.org" target="_blank" title="Joomla! Events">Eros magna erat ut</a>, id libero pede in a. Quam dolor in nisl eleifend, vestibulum frin lorem isphum dol pellentesque suscipit vivamus. Amet turpis vestibulum dolor mus...</p>

Now if you see you need to remove the following

float: left; border: 1px solid black; margin-left: 10px; margin-right: 10px; margin-top: 1px; margin-bottom: 1px;

as well as

width="60" height="60"


It works fine….

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#339449

Dear aratype,

You can try to add this :
class=”caption”
to img tag when you insert image

1 user says Thank You to Sherlock for this useful post

1. Aratype

[Aratype Friend AratypeJoin date: August 2007Posts: 797Downloads:41Uploads:60 Thanks: 194 Thanked: 98 times in 6 posts]

#339473

Thanks both, I will see further how to change the color of border…

It seems black in my exemple and gray in the JA exemple…

[Author]

Posts