- Posts: 6
COMMUNITY FORUM
- Forum
- Commercial Joomla Extensions & Templates
- Simple Image Gallery PRO
- Image thumbnail alignment broken in IE7
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
- Topic Author
- Offline
- New Member
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
- Topic Author
- Offline
- New Member
- Posts: 6
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
- Visitor
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
- Topic Author
- Offline
- New Member
- Posts: 6
Please Log in or Create an account to join the conversation.
- remark
- Offline
- New Member
- Posts: 2
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
- Topic Author
- Offline
- New Member
- Posts: 6
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.
- remark
- Offline
- New Member
- Posts: 2
Please Log in or Create an account to join the conversation.
- Patrick Volckaert
- Offline
- New Member
- Posts: 2
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.
- Florian Hatwich
- Offline
- New Member
- Posts: 5
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
- Visitor
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.
- Forum
- Commercial Joomla Extensions & Templates
- Simple Image Gallery PRO
- Image thumbnail alignment broken in IE7