Public Forums 71,145 posts

[albatmsu Friend albatmsuJoin date: March 2009Posts: 8Downloads:0Uploads:0]

#139710

I’ve tried to search the forums for a solution to this problem, but everything I’ve found doesn’t seem to work.

I’m using Joomla 1.5 and have the Rutile template.

I’m using the JA-News “headline” feature to display stories on the homepage of the site, and I used the quickstart installation process.

The problem is that images displayed by JA-News are overlapping the summary text that is supposed to be displayed below the image in IE 7. This is not a problem in FF 3. I’ve checked the settings and the alignment is sent to “none.” That was one of the solutions, but it didn’t work.

Any suggestions?

I can’t really provide a link because the site is offline right now.

Thanks in advance.

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#298905

Without seeing the site…cannot diagnose. If you can put it up we can nail this down in no time flat.

However make sure the following is correct in your deployment:

In ja.news.css (line 85)


.jazin-content img {
padding:5px 10px 0 0;
}


and in ja.news.css (line 39)


div.jazin-section {
display:block;
margin-bottom:2px;
}


John.

[albatmsu Friend albatmsuJoin date: March 2009Posts: 8Downloads:0Uploads:0]

#298910

Sure thing. I just brought the site online. I noticed that although the options in the CMS are set to align the images as “none” in the source code the images are “left” aligned.

URL: http://www.wastewiser.com

Thanks in advance!

[albatmsu Friend albatmsuJoin date: March 2009Posts: 8Downloads:0Uploads:0]

#298911

Also, I checked the parameters you specified above and the second one was set to 5 px. I adjusted it to 2 px and uploaded the modified CSS file, but no luck.

Thanks again.

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#298914

Check the HTML of the stories where the image drops over the text. It is appearing, at least through a Firebug check, that you’ve got the image INSIDE a <p> rather than outside. Make sure the image is the first thing listed in the code and that the paragraph text follows. ( <img>…</img><p>…</p> )

john

[albatmsu Friend albatmsuJoin date: March 2009Posts: 8Downloads:0Uploads:0]

#298931

I looked at the story in Joomla with the “No Editor” option and this is what it looks like.

<img src="images/stories/demo/sam-3.jpg" border="0" alt="Finding Nemo" />

<p>Curabitur lacinia Nulla id egestas felis cursus leo congue Curabitur platea. Ipsum Praesent vel condimentum cursus fringilla consectetuer amet Suspendisse justo auctor. Pede odio Aenean leo enim Quisque porta vitae mauris laoreet ante.</p>

<p>Magna eget condimentum lacus quam In dictum Quisque consequat.</p>

<hr id="system-readmore" />

<p>Senectus nonummy gravida semper pretium ac nibh arcu eget dapibus augue. Id sit consequat metus nunc ut enim tortor libero eros pharetra. Diam Duis Phasellus at purus Nulla at Curabitur elit dui ac. Eros ante accumsan egestas ut Praesent quis facilisi id orci ut. Suspendisse sed netus venenatis hendrerit vel nulla elit fermentum dolor hendrerit. Sit id Phasellus orci Sed lobortis massa vel Donec tortor.</p>

<h3>Cras Vestibulum Nam risus condimentum</h3>

<ul class="checklist">
<li>Vestibulum Nam risus condimentum</li>
<li>Integer tristique adipiscing ut ut montes.</li>
<li>ortor eros hendrerit nulla pede gravida iaculis</li>
<li>Accumsan sem venenatis egestas ut fermentum dui Mauris</li>
</ul>

<p>Tortor eros hendrerit nulla pede gravida iaculis Nulla porttitor Nam interdum. Turpis Nunc porta habitasse odio pretium nibh Nunc orci augue tincidunt. Accumsan sem venenatis egestas ut fermentum dui Mauris id et Vestibulum.</p>

<p>At Nam eget lacinia vitae Phasellus vel congue laoreet Phasellus justo. Nullam massa sit risus cursus Vestibulum condimentum magnis non Nullam lacus. Elit ac pede malesuada ut faucibus ac Donec tempor a Vestibulum. Quam pede eget nibh libero purus.Senectus nonummy gravida semper pretium ac</p>

<blockquote><span class="open">S</span>agittis morbi semper quis Nulla Quisque neque semper convallis vitae nibh. Facilisi euismod vitae congue rhoncus feugiat Pellentesque ipsum Proin interdum lobortis. Nunc ipsum Morbi massa Nunc dolor congue ipsum quis orci si<span class="close">t.</span></blockquote>

It looks like there was a second part to your last reply, but it only showed up in my e-mail and not here on the message board. Could you send that again please?

Thanks again for being so helpful!

[albatmsu Friend albatmsuJoin date: March 2009Posts: 8Downloads:0Uploads:0]

#298938

Also, I made the changes in the second half of your reply and uploaded the modified file. I didn’t notice anything that chanaged, but I could be missing it.

Thanks for being so helpful!

[John Wesley Brett Moderator John Wesley BrettJoin date: July 2013Posts: 2142Downloads:17Uploads:26 Thanks: 175 Thanked: 645 times in 426 posts]

#298940

If you’ve made sure you’ve cleard the cache in your IE7 browser after making the previous changes…and it’s still not working…

Then remove the “<hr id=”system-readmore” /> in your story.
The JA_News does this automatically by word count. You can change the setting in the JA_News module parameters. I’m thinking maybe IE is seeing the page break and wanting to make sure it shows it…and there may be some internal pissing contest as to whose page break is going to show first. The JA_News module actually does it automatically.

I’d also set the alignment of the picture back to “left”

Let me know. And remember to delete your temporary files in IE…so you are seeing a new fresh version of your changes…and not an old page of them.

Another thing to try is to add a <br/> right after the image and before the <p> but that really shouldn’t do it. But we are talking Microsoft here. Who knows. HA!

John.
John.

[albatmsu Friend albatmsuJoin date: March 2009Posts: 8Downloads:0Uploads:0]

#298946

Well, I took out the hr breaks in the story, but doesn’t appear to help. I even tried to put in the br codes after the image, again no luck.

I’m starting to wonder if this thing just isn’t going to work correctly.

Any other ideas?

Thanks again for all your help.

[albatmsu Friend albatmsuJoin date: March 2009Posts: 8Downloads:0Uploads:0]

#298947

I just noticed that if I shrink the image down to where it doesn’t stretch all the way across that column, the rest of the text appears to the right of the image. I’m wondering if there’s a way to modify the code so that the default alignment on the images its showing are center?

Think that would help?

Thanks.

[albatmsu Friend albatmsuJoin date: March 2009Posts: 8Downloads:0Uploads:0]

#298950

I know I keep adding notes, but I’m just using this as a sounding board. I just looked at the code for the live demo in IE 7 and it doesn’t have any alignment on the images. However, the quickstart file does.

I’m wondering if they updated this module and the one in the quickstart was never updated.

[lush Friend lushJoin date: February 2009Posts: 20Downloads:0Uploads:0 Thanks: 4]

#324964

Did you solve this? I have the same problem

http://www.lushdesign.biz

[lush Friend lushJoin date: February 2009Posts: 20Downloads:0Uploads:0 Thanks: 4]

#324995

Fixed!

Just add float: left to the ja.news.fp.css

#jahl-newsitem img {
margin: 2px 20px 0px 0;
float: left;
}

[pcconcept Friend pcconceptJoin date: May 2009Posts: 1Downloads:0Uploads:0]

#328722

http://www.nasnamame.com

mod_janews_fp Images Overlap Text In IE 6, 7
I’ve tried to search the forums for a solution to this problem, but everything I’ve found doesn’t seem to work.

I’m using Joomla 1.5 and have the Larix template in Arabic rtl

I’m using the JA-News mod_janews_fp “headline” feature to display stories on the homepage of the site, and I used the quickstart installation process.

The problem is that images displayed by mod_janews_fp / and in Footer Setion are overlapping the summary text that is supposed to be displayed below the image in IE 6,7 . This is not a problem in FF 3. and IE8 I’ve checked the settings and the alignment is sent to “none.” That was one of the solutions, but it didn’t work.

Please look our Website you can See at the Footer Section under IE6 , 7 The problems

best Regards

[Author]

Posts