Keyword
Please note that official support for commercial extensions & templates is provided in the Subscriber Help Desk.
Support requests should ONLY be directed there and require an active subscription plan.
This forum board is to be used for archive purposes and knowledge exchange ONLY.

Image thumbnail alignment broken in IE7

  • Diane Branson
  • Diane Branson's Avatar Topic Author
  • Offline
  • New Member
More
15 years 7 months ago - 15 years 7 months ago #23183 by Diane Branson
Image thumbnail alignment broken in IE7 was created by Diane Branson
I have searched the forum and have not found a fix for the problem I'm having getting the thumbnails to align in IE7. If it is a template CSS problem I've tried different solutions but nothing seems to change.

Here is the link to see what I'm talking about...

97.74.169.36/index.php?option=com_content&view=article&id=49&Itemid=71

The thumbnails line up in FireFox and also Safari.

Any suggestions?

I'm using the latest version of Simple Image Gallery Pro plugin with Joomla 1.5.10 and PHP 5.x

Please Log in or Create an account to join the conversation.

  • Diane Branson
  • Diane Branson's Avatar Topic Author
  • Offline
  • New Member
More
15 years 7 months ago #23184 by Diane Branson
Replied by Diane Branson on topic Re: Image thumbnail alignment broken in IE7
I haven't found any solution to this glitch, I have tried everything but with no change. Would anyone have a clue as to where to point me? I would really appreciate it. ???

I have searched the forum and have not found a fix for the problem I'm having getting the thumbnails to align in IE7. If it is a template CSS problem I've tried different solutions but nothing seems to change.

Here is the link to see what I'm talking about...

97.74.169.36/index.php?option=com_content&view=article&id=49&Itemid=71

The thumbnails line up in FireFox and also Safari.

Any suggestions?

I'm using the latest version of Simple Image Gallery Pro plugin with Joomla 1.5.10 and PHP 5.x

Please Log in or Create an account to join the conversation.

  • Yiota
  • Yiota's Avatar
  • Visitor
15 years 7 months ago #23185 by Yiota
It seems that some classes in your template css overwrites the plugins css.
I saw specifically the classes .Post ul li and .contentLayout li.

For example the li element in which the images are, should have float:left but with the css conflict they have float:none.
Try to locate the conflicts and it will work correctly in all browsers.
A tool like firebug (firefox tool) would help you see them.

Please Log in or Create an account to join the conversation.

  • Diane Branson
  • Diane Branson's Avatar Topic Author
  • Offline
  • New Member
More
15 years 7 months ago #23186 by Diane Branson
Replied by Diane Branson on topic Re: Image thumbnail alignment broken in IE7
Thank you, I have used Firebug and have tried changing things but this gives me something specific to look for and try. I appreciate the help.

Please Log in or Create an account to join the conversation.

More
15 years 7 months ago #23187 by remark
Replied by remark on topic Re: Image thumbnail alignment broken in IE7
I seem to have dbran's problem as well. I've been scanning my site with Firebug but couldn't make out any conflicts:

www.hsvwb.at/vwb-ist-70/index.php?option=com_content&view=article&id=47&Itemid=53

Everything is fine in Firefox and Safari, but in IE7, Opera and Google Chrome the thumbs aren't aligned. I do get around the problem when I choose a different template, though, so this really seems to point towards yiota's post:

It seems that some classes in your template css overwrites the plugins css.

.

I'm trying to adapt "Yellow Flower" to my specific needs:
www.joomlaos.de/index.php?set_albumName=album07&id=yellowflower&option=com_gallery&Itemid=37&include=view_photo.php

Does anyone have an idea what to change exactly? Any help would be highly appreciated ...

Please Log in or Create an account to join the conversation.

  • Diane Branson
  • Diane Branson's Avatar Topic Author
  • Offline
  • New Member
More
15 years 7 months ago #23188 by Diane Branson
Replied by Diane Branson on topic Re: Image thumbnail alignment broken in IE7

It seems that some classes in your template css overwrites the plugins css.
I saw specifically the classes .Post ul li and .contentLayout li.

For example the li element in which the images are, should have float:left but with the css conflict they have float:none.
Try to locate the conflicts and it will work correctly in all browsers.
A tool like firebug (firefox tool) would help you see them.


This worked like a charm, thanks a ton, yiota. 

Please Log in or Create an account to join the conversation.

More
15 years 7 months ago #23189 by remark
Replied by remark on topic Re: Image thumbnail alignment broken in IE7
Problem solved -> .contentLayout li caused the problem by overwriting the plugin css. I commented it out and it worked just fine. I've learned a lot. Thanks guys!

Please Log in or Create an account to join the conversation.

More
15 years 7 months ago #23190 by Patrick Volckaert
Replied by Patrick Volckaert on topic Re: Image thumbnail alignment broken in IE7
I just bought the plugin - I've the same alignment problem.
I checked .Post ul li and .contentLayout li. in my template.css, I commented out the .Post ul li; I don't seem to have a .contentLayout li.
Unfortunately this didn't work (see 79.99.131.149/~chihuahua/index.php?option=com_content&view=article&id=47&Itemid=18&lang=en) and above all I'm not a css huru...
Has please someone any further advise? Help?

Thx a lot!

Please Log in or Create an account to join the conversation.

More
15 years 7 months ago #23191 by Florian Hatwich
Replied by Florian Hatwich on topic Re: Image thumbnail alignment broken in IE7
Hi poeple!

could you look at this page, i have the same problem but only with the pictures.

Who can help me at this?

www.ffschoeneberg.de/index.php?option=com_content&view=article&id=22&Itemid=22

thx for your help

Please Log in or Create an account to join the conversation.

  • Yiota
  • Yiota's Avatar
  • Visitor
15 years 7 months ago #23192 by Yiota

I just bought the plugin - I've the same alignment problem.
I checked .Post ul li and .contentLayout li. in my template.css, I commented out the .Post ul li; I don't seem to have a .contentLayout li.
Unfortunately this didn't work (see 79.99.131.149/~chihuahua/index.php?option=com_content&view=article&id=47&Itemid=18&lang=en) and above all I'm not a css huru...
Has please someone any further advise? Help?

Thx a lot!


I have just visited the page link you provided but no SIG Pro installed.
Instead i saw a Phocagallery component. Have I understand something wrong? Maybe you would like to add a different url?

Because if that is the case and you want to use the Phocagallery you should ask them for support.

Hi poeple!

could you look at this page, i have the same problem but only with the pictures.

Who can help me at this?

www.ffschoeneberg.de/index.php?option=com_content&view=article&id=22&Itemid=22

thx for your help


The only thing you have to do is find a way to paypass the margin given in following class .article img, img.article and set it to zero for the page you have published the SIG Pro gallery.

Please Log in or Create an account to join the conversation.


Powered by Kunena Forum