Articles are messed up in Article View

Upgraded to AppSite 1.7.
Discovered all Articles look OK in BLOG Catalog list, but messed up when viewed as Article only.

Example: see attached screenshots:
Clean install JOOMLA 1.7
Clean install AppSite 1.7
No other installs.

Added one image to a standard Joomla article. Image is centered.
Looks OK in BLOG Catalog.
Image shifts to left in Article only view. ( JOOMLA 1.5, AppSite 1.5 image stays centered).

We have multiple images in our articles. With AppSite 1.7 and up, ALL elements loose position.
Help appreciated.

BLOG article style.png

Article.png

Hi
Can you give us url to your site ?

Sure, site is a clean Joomla 2.5.1 install. Clean AppSite install.
Standard Joomla articles.
Article: "Joomla!" has 3 centered images, stacked on top of each other.
Click on the title, in the "Article" view images are not centered and not stacked....

http://88.159.12.197:8888/AppSite/

If you need login details, mail me. We paid for support.

Please add to override.css

Code: Select all

.articleContent img {
float:none;
}


and remember to enable override.css option in template settings

Thank you for this first response!

Implemented your code.
Unfortunately, this is not the solution.

I changed the first Joomla article to an article we host on our website.
This is the layout:

------
TEXT

IMAGE 1

IMAGE 2, IMAGE 3, IMAGE 4, IMAGE 5, IMAGE 6,

IMAGE 7
------

Take a look and see what happens now. Go to:

http://88.159.12.197:8888/AppSite/

see how the images are lined up...

click on the title of the article: "Joomla"

see how images position change...


Thanks in advance
Appreciated.

Hi,

Can you PM me backend access of this site?

I think you should write your articles in HTML mode to always have fixed formats of contents. CSS style is used for most popular cases so it sometimes does not work well for all cases. I hope you understand that.

I think you should write your articles in HTML mode to always have fixed formats of contents. CSS style is used for most popular cases so it sometimes does not work well for all cases. I hope you understand that.

Sorry, I don't. How do I set up the test article with 7 images in "HTML mode", so I will have the same layout in every possible view?
Your college assured me the templates have all the same behavior: 1.5 / 1.7 / 2.5.
This proves it: he's wrong. In AppSite 1.5 my article is OK.
I even started a discussion about this...
I have the same articles, but the AppSite versions do "something else" with my articles.

But if you are willing to help me: please modify the article with the 5 images from Steelcase, so their position is fixed. I do not mind changing my articles in a certain way: we must get rid of this silly behaviour. In my opinion this is because the template is not correct. When I change to the standard Beez or Atomic template, my articles look the same, independent of the type of list / view / blog.

Anyway, please explain or make me an example.
Appreciated.