Joomla Templates Club 406,261 posts

[mitti2000 Friend mitti2000Join date: November 2010Posts: 40Downloads:2Uploads:4 Thanks: 3 Thanked: 5 times in 1 posts]

#156262

Hello JA Community
I just started working with my first JA Template. JA_Rasite. I had no problems installing the Template and add some content. Then I wanted to put a little article on the Frontpage. A little text with a picture.
The article was on the frontpage but the picture was cut on the bottom and it covered the text. So I tried the solution explained in:
http://www.joomlart.com/forums/topic/change-image-size-above-60×60-on-frontpage/
but it didn’t help. I can see the whole pic now but it still covers my text. I have 2 screenshots. 1 shows the frontpage of my website with the problem I have. The other one shows the page article how it looks in the editor.

I’m working with JA_rasite 1.1.1 and Joomla 1.5.21

I hope you guys can help me

Thanks

mitti

---

Attachments:

1. 
2. 

[gray Friend grayJoin date: October 2009Posts: 957Downloads:0Uploads:17 Thanks: 28 Thanked: 292 times in 230 posts]

#362248

Check CSS of the image. It should not have position: absolute; attribute.
If you give URL of the site, it would help to detect the error.
Or, if it’s not possible, copy here HTML code of the article (it’s available in the editor too).

[mitti2000 Friend mitti2000Join date: November 2010Posts: 40Downloads:2Uploads:4 Thanks: 3 Thanked: 5 times in 1 posts]

#362320

I checked the css of the image. It content-image. I deletet teh entry position: absolute. That is not soving the problem.

The code of teh artice in the editor:
<table border=”0″ align=”center” style=”width: 100%;”>
<tbody>
<tr>
<td style=”text-align: center;”><span style=”font-family: Arial, Helvetica, sans-serif; font-size: 31.6667px; color: #993366; line-height: 48px;”><strong><span style=”font-family: ‘comic sans ms’, sans-serif;”>Welcome to our wedding Website</span></strong></span></td>
</tr>
<tr>
<td><img class=”article-content” src=”images/stories/title.JPG” style=”display: block; margin-left: auto; margin-right: auto; vertical-align: middle;” alt=”title” height=”200″ width=”300″ /></td>
</tr>
<tr>
<td><span style=”font-family: Arial, Helvetica, sans-serif; font-size: 10.8333px; line-height: 16px;”>
<p style=”text-align: center;”><span style=”font-family: ‘comic sans ms’, sans-serif; font-size: 14pt; color: #993366;”>Here you can find all the information you need about our wedding.</span></p>
<p style=”text-align: center;”><span style=”color: #993366;”><strong><span style=”font-family: ‘comic sans ms’, sans-serif; font-size: 18pt;”>Enjoy!</span></strong></span></p>
</span></td>
</tr>
</tbody>
</table>​

And here is the code I see in the browser:

<div class=”contentpaneopen haveimage clearfix”>

<div class=”article-image”>

<span><img width=”300″ height=”200″ alt=”title” style=”display: block; margin-left: auto; margin-right: auto; vertical-align: middle;” src=”/wedding/images/stories/title.JPG” class=”article-content” /></span>

</div>

<div class=”article-main”>

<div class=”article-content”>

<table style=”width: 100%;” align=”center” border=”0″>

<tbody>

<tr>

<td style=”text-align: center;”><span style=”font-family: Arial, Helvetica, sans-serif; font-size: 31.6667px; color: #993366; line-height: 48px;”><strong><span style=”font-family: ‘comic sans ms’, sans-serif;”>Welcome to our wedding Website</span></strong></span></td>

</tr>

<tr>

<td></td>

</tr>

<tr>

<td><span style=”font-family: Arial, Helvetica, sans-serif; font-size: 10.8333px; line-height: 16px;”>

<p style=”text-align: center;”><span style=”font-family: ‘comic sans ms’, sans-serif; font-size: 14pt; color: #993366;”>Here you can find all the information you need about our wedding.</span></p>

<p style=”text-align: center;”><span style=”color: #993366;”><strong><span style=”font-family: ‘comic sans ms’, sans-serif; font-size: 18pt;”>Enjoy!</span></strong></span></p>

</span></td>

</tr>

</tbody>

</table></div>

I’m not a pro but somehow, the template moved my picture out of the content and left an empty <td></td>.

I searched the css for the content-image but I can’t find somthing that would change the problem.

URL to the site is:
http://web10.pi.ibone.ch/wedding/
(the website is far away from being done)

Thanks for the help

mitti

[gray Friend grayJoin date: October 2009Posts: 957Downloads:0Uploads:17 Thanks: 28 Thanked: 292 times in 230 posts]

#362335

Actually you do not need the table here if you want to place image near the text.
Try to clear all content, insert the image, set “float: left; margin: 5px;” in the style for the image and add your text. To separate text lines insert <br /> after each line.

Try this simple text (for each paragraph you will be able to set own style – color, size etc. with the help of Joomla editor – TinyMCE or JCE)

<img width=”300″ height=”200″ alt=”title” style=”float:left; margin:5px;” src=”/wedding/images/stories/title.JPG” class=”article-content”/>
<p>Welcome to our wedding Website</p> <p>Here you can find all the information you need about our wedding.</p> <p>Enjoy!</p>

[mitti2000 Friend mitti2000Join date: November 2010Posts: 40Downloads:2Uploads:4 Thanks: 3 Thanked: 5 times in 1 posts]

#362351

I think there is a missunderstanding. I want the Picture in the center with the text. It should be like in the picture i put in the opening thread.
Like this:

Welcome to our wedding Website
<picture>
Here you can find all the information you need about our wedding.
Enjoy!

I made the table cause it’s easier to position all the elements in case there will be more. The pic in the attachement shows how it should look on the frontpage. Somehow the template changes the code and puts the picture from the center to float:left.
I have the feeling the template is meant like this to have a pciture on the left side of each article. But I need it to be in the text. The website how it is right now is not how I want it to be.

I hope you understand what I mean.

mitti

---

Attachments:

1. 

[mitti2000 Friend mitti2000Join date: November 2010Posts: 40Downloads:2Uploads:4 Thanks: 3 Thanked: 5 times in 1 posts]

#362359

I found the solution. It was somthing in the php of the frontpage. I found the soluztion in the forum:

http://www.joomlart.com/forums/topic/ja-rasite-linking-a-image-doesnt-work-on-frontpage/.

Thanks anyway

mitti

[Author]

Posts