Joomla Templates Club 406,261 posts

[blink black Friend blink blackJoin date: September 2014Posts: 102Downloads:0Uploads:15 Thanks: 16]

#168722

Hi,

When writing an aritcle, I use the center alignment yet on the frontend, the pictures are aligned to the left. Is there a way to automatically set the picture to center align? Please help me.

The html code is:
<p style=”text-align: center;”>
<img alt=”” class=”caption” src=”images/stories/image.jpg” /></p>

See screenshot. Thanks.

---

Attachments:

1. 

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#413616

Hi,
Could you give me a link to your page as you said?

[blink black Friend blink blackJoin date: September 2014Posts: 102Downloads:0Uploads:15 Thanks: 16]

#413617

Ooops, I forgot. It is: http://tinyurl.com/3q3jfyo I had to make the url shorter using tinyurl.

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#413622

You find this code from /templates/system/css/general.css in the line #173

.caption {
text-align: center!important;
padding-left: 250px; < add this line
}

[blink black Friend blink blackJoin date: September 2014Posts: 102Downloads:0Uploads:15 Thanks: 16]

#413654

Thanks khoand. The padding definitely fixed the article in question but what it did was that it threw all other images from other articles away from the screen. So I removed it for now.

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#413660

You try add this code into /templates/ja_teline_iv/css/template.css


div.img_caption.undefined{
margin:auto;
}

1 user says Thank You to khoand for this useful post

1. blink black

[blink black Friend blink blackJoin date: September 2014Posts: 102Downloads:0Uploads:15 Thanks: 16]

#413737

Wow, excellente, fantasticooo. Thanks a lot.

[n6rej Friend n6rejJoin date: November 2006Posts: 1040Downloads:0Uploads:63 Thanks: 79 Thanked: 145 times in 90 posts]

#413744

<em>@khoand 268926 wrote:</em><blockquote>You try add this code into /templates/ja_teline_iv/css/template.css


div.img_caption.undefined{
margin:auto;
}
</blockquote>
khoand where can we see the w3c documentation for the undefined element?

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#413782

@blink_black
You’re welcome.
@n6rej
undefined is not element, it is a class. You can see it when you use firebug to inspect div element has image.

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#413909

Hi
Troy:
By use FB you can see this


<div class="img_caption undefined" style="width: 200px;"><img border="0" src="/images/stories/vincent-omeje.jpg" class="caption"></div>

As you can see we have div class : img_caption undefined

Actually by myself, i think it’s really correct. Maybe by somehow js or php have trouble and return this value string “undefined”
Thank you
Viet Vu

[n6rej Friend n6rejJoin date: November 2006Posts: 1040Downloads:0Uploads:63 Thanks: 79 Thanked: 145 times in 90 posts]

#413912

I see adbrite causing a js error
<script type="text/javascript"> var AdBrite_Title_Color = '000000';
var AdBrite_Text_Color = '000000';
var AdBrite_Background_Color = 'FFFFCC';
var AdBrite_Border_Color = '000000';
var AdBrite_URL_Color = 'FFFFFF';
try{var AdBrite_Iframe=window.top!=window.self?2:1;var AdBrite_Referrer=document.referrer==''?document.location:document.referrer;AdBrite_Referrer=encodeURIComponent(AdBrite_Referrer);}catch(e){var AdBrite_Iframe='';var AdBrite_Referrer='';}
</script><script type="text/javascript">document.write(String.fromCharCode(60,83,67,82,73,80,84));document.write(' src="http://ads.adbrite.com/mb/text_group.php?sid=1968557&zs=3138305f313530&ifr='+AdBrite_Iframe+'&ref='+AdBrite_Referrer+'" type="text/javascript">');document.write(String.fromCharCode(60,47,83,67,82,73,80,84,62));</center></script><!-- End: adBrite --></center> </div>
</div>

So we actually have TWO class’s applied to the one div. >:(
img_caption & undefined. 😮

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#413913

Ya
2 class name. It’s normally. But as i said just sth w/ js ( ya maybe you are rite w/ adbrite script ) that include “undefined” classname 🙂
Btw, at least we can use it.
lol
Thank you
Viet Vu

1 user says Thank You to jooservices for this useful post

1. n6rej

[Author]

Posts