Joomla Templates Club 406,261 posts

[nefar Friend nefarJoin date: December 2007Posts: 434Downloads:0Uploads:2 Thanks: 78 Thanked: 42 times in 1 posts]

#136848

Ok

Load up http://www.treespun.com/index.php?/Bob-s-Shop/Wine-Bottle-Stoppers/38-Exotic-Bocote-Wine-Bottle-Stopper.html

In IE

Now load http://www.treespun.com/index.php?/Bob-s-Shop/Wine-Bottle-Stoppers/38-Exotic-Bocote-Wine-Bottle-Stopper.html

In Firefox

You will see that in firefox the extra images are displayed vertically. Which I like.
However in IE (always fricking IE giving me headaches) the extra pictures go horizontal.
I want them verticle like Firefox.

I think the line to edit is

.vm-product-img {fetchscr…imbox.css (line 521)
padding-top:10px;
text-align:center;

Though I am not really sure, I’m still not very familiar with CSS. Does anyone have a fix for this issue or know what line/file must be edited?

Thanks

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#285290

Try this in a css file…

.browseProductImage {
padding: 0 10px 5px;
}

1 user says Thank You to scotty for this useful post

1. nefar

[nefar Friend nefarJoin date: December 2007Posts: 434Downloads:0Uploads:2 Thanks: 78 Thanked: 42 times in 1 posts]

#285452

Little confused : you want me to add this in as a new css or find it?

I did a file search on entire structure and was only able to find the line :

.browseProductImageContainer {
border: 2px solid #397c24;
float: left;
padding: 2px;
}

in theme.css

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#285453

yea the class is written into the HTML but it is not defined in any of the CSS. You can add it to any css file but probably best in theme.css

[nefar Friend nefarJoin date: December 2007Posts: 434Downloads:0Uploads:2 Thanks: 78 Thanked: 42 times in 1 posts]

#285475

No luck there — put that line in on my test bed :
http://www.treespun.com/dev/index.php?/Bob-s-Gift-Shop/Wine-Bottle-Stoppers/View-all-products.html

it did two things, with this page you can see it expanded the outer green box and if you follow the link to see additional pictuers in details. It spread them out some but did not align them vertical.

Good Old Interent Explorer LoL — In firefox it merly gave the additional pictures a little padding which I think actually looks a little better.

Course now that I see what my extra green padding looks like in IE compared to Firefox I’m tempted to remove it.

[scotty Friend scottyJoin date: March 2008Posts: 2339Downloads:0Uploads:13 Thanks: 76 Thanked: 827 times in 595 posts]

#285476

You could try increasing the 10px to 20px and maybe change the padding to margin…

[anisjolly Friend anisjollyJoin date: April 2008Posts: 661Downloads:0Uploads:15 Thanks: 33 Thanked: 96 times in 55 posts]

#285480

Hey nefar

just removed my first answer as it won’t work. doh!

However, have a look at the module you’re using. It seems that the module itself is placing those 2 images together without the relevant break gaps < BR /> where as the first image has those breaks in place.

hence IE is rendering the images thinking they’re next to each other. that’s where the code is going wrong.

[Author]

Posts