Hi,
If you check my site http://www.moeder-oilsjterse.be/gent you can see that the scrolling thumbs in their block are NOT centered as they shoul be. I tried modifying the code but I did not had any succes. This is the code:



I had this problem before but I forgot the solution and since this board restyled I can't find it no more.
Btw: I use the CyberGlass theme.

Cheers, Z.

I'm having the same problem.

Any help here?

Not that I know what I'm talking about, but the first thing I would do is increase / decrease (aka. Monkey around with) the 0,0,125 value:

scroller1 = new scrollerObj(0,0,125

Hope that does it.

Quote:

Where would I find this piece of code?

Just add before the start of the script, and after the script.

Bear, the code can be found in the original code block posted above...

BTW I think is depricated, and the closing tag should be if your going that route.

Okay.

I tried using < center > (without the spaces and the proper close tag ) and when I updated the module and went to the page the block was there but no images.

I tried puting < center > in various places in the code and it either had no effect or, once again the block would appear but no images.

Adjusting the 0,0,125 values resulted in the images appearing outside of the block in various places around the page depending upon which value was changed - the first 0 moves the images horizontally, the second 0 moves the images vertically, and changing the 125 value had 2 effects - increasing the value pushed the images to the right outside of the block and decreasing the value would "cut" the right side of the images off leaving them aligned as they normally would be.

I thought I was on to something when I was playing with the first 0 value but changing screen resolutions still resulted in the images appearing outside of the block.

I tried putting the script in a table and setting the cell's value to center but this had no effect on the positioning of the images in the cell. I added text to the cell above and below and it centered in the table but the images still appeared as if aligned right.

I aslo checked the code in the other block's respective .html files for clues but came up empty.

There has to be something either missing from, or in the javascript that is preventing adjustments to the alignment but I don't have enough code skills to know what it might be or what the fix is.

Any more ideas?

modify the following line


like this


change the number of margin-left and margin-top

I have discovered this issue is limited to the IE browser. Once again it not being W3 compliant is the cause. Use a better/compliant browser such as netscape or firefox and it will display centered fine.

gary - I used your suggestion and after updating the module the images failed to appear much as they did when I tried to use < center >.

Rhomal - That is a good suggestion however, over 90% of the visitors to my site and one of the other sites I manage that has the same problem with this block use IE and obviously, we can't control that. I believe in catering to my end users. Leaving them out in the cold rather than trying to find a fix would be much like designing the layout of the site to fit my 21" monitor at 1280x1024 if the vast majority of my users were running 800x600. Even though it may look great on my end, the end result is the site wouldn't look professional to the users and they'd move on. The better way to go is to solve the problem.

If it can't be solved, I'll just write a custom block using some readily available javascript out there and use it in place of xcgal's scrolling thumbs block. It will be more cumbersome to manage from an admin standpoint but the end user won't know the difference and at least it will work with all browsers equally.