Joomla Templates Club 406,261 posts

[martinus Friend martinusJoin date: November 2006Posts: 139Downloads:21Uploads:22 Thanks: 2]

#153868

Hi
I’m using the 1.2.2 version of JA Droid. And I’ve activated the Joomla built in Contact page. Unfortunately I use a 350 px wide image on the page. This causes the text to jump beneath the image. And as the picture is right aligned it produces a massive white hole to the left. Ugly!

Could any one tell me how or rather where to adjust the picture settings so the text will flow around the image as in an ordinary article?

In other templates it isn’t a problem to use relative large images on the contact page- so why is it a problem here?

ANy suggestions?

Thanks

Claus

[congtq Friend congtqJoin date: September 2009Posts: 278Downloads:0Uploads:28 Thanks: 10 Thanked: 49 times in 48 posts]

#353933

You can use this format code:

<div style="float:left;"><img src="link_to_image" /><p>content content content</p></div>

<blockquote>In other templates it isn’t a problem to use relative large images on the contact page- so why is it a problem here?</blockquote>
Mostly because of the different CSS

[martinus Friend martinusJoin date: November 2006Posts: 139Downloads:21Uploads:22 Thanks: 2]

#353968

Hi’ again
Thank you for your prompt reply! Unfortunately, I can’t really see how to use the answer… I’m talking about the joomla-generated contact page..Here you write the contact information and choose an image from a list. You haven’t got the possibility of editing the image…

So I gather that the proper procedure would be to edit the css for the contact sheet… Or investigate why the text doesn’t automatically floats round the text elements on the contact page….

Any suggestions?

Claus

[congtq Friend congtqJoin date: September 2009Posts: 278Downloads:0Uploads:28 Thanks: 10 Thanked: 49 times in 48 posts]

#354067

Hi.
Have you talked about Contact page which created in administrator -> Content -> Article Manager? If so, at Editor you switch to Html Mode and input code with format
<blockquote><div style=”float:left;”><img src=”link_to_image” /><p>content content content</p></div></blockquote>

If it isn’t your mind, pls send me link of mentioning contact page and a admin account for checking extractly problem.

[martinus Friend martinusJoin date: November 2006Posts: 139Downloads:21Uploads:22 Thanks: 2]

#354120

Hi again
No, I’ve been talking about the contactpage generated from the component–>Contact in joomla… So gather that something in your template, css or something completely different is messing up the css for the contact-component and the output in frontend…
Take a look here: http://ernbak.dk.web1.redhost.dk/index.php?option=com_contact&view=contact&id=1&Itemid=74

As you notice, the image is filling a bit – but the problem is, that the image makes the textselement to the left jump down to a position beneath the image….

[congtq Friend congtqJoin date: September 2009Posts: 278Downloads:0Uploads:28 Thanks: 10 Thanked: 49 times in 48 posts]

#354217

Ok, now I see.
Pls do following 3 steps:
1. copy pluginssystemjat3base-themesdefaulthtmlcom_contact folder to templatesja_droidhtml folder
2. copy componentscom_contactviewscontacttmpldefault_address.php file to templatesja_droidhtmlcom_contactcontact folder
3. open templatesja_droidhtmlcom_contactcontactdefault.php file and move below code (of image) to place you want
[PHP]<?php if ($this->contact->image && $this->contact->params->get(‘show_image’)) : ?>
<?php echo JHTML::_(‘image’, ‘images/stories’ . ‘/’.$this->escape($this->contact->image), JText::_( ‘Contact’ ), array(‘align’ => ‘left’)); ?>
<?php endif; ?>[/PHP]

May be you also need to change some html code in templatesja_droidhtmlcom_contactcontactdefault_address.php

[Author]

Posts