Specials not displaying correctly

Hi

Could someone please have a look at this example page:

http://www.divatoys.com/index.php?main_page=index&cPath=71

At the bottom there are 3 products on special offer, all displaying to the left when they should be centred? I know the answer to this is probably very simple but I just cannot figure out why the display isn't in the centre?

Thanks
Patrick

Hi!

In your stylesheet.css you have:

#logo, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
float: left;
}

This is why special offers are aligned to the left.
So, edit your stylesheet.css to something like this:

#logo, .centerBoxContents, .categoryListBoxContents, .centerBoxContentsAlsoPurch, .attribImg {
float: left;
}

.specialsListBoxContents {
text-align: center;
}

It must be OK

Thanks for the suggestion but it doesn't appear to be that simple. There is something somewhere over-riding what the attribute should be but I just can't find it.

Dear Patrick,

I noticed that you have two .specialsListBoxContents in your stylesheet.css.

One (around line 115) that is aligned to the left and another (around line 661) that is aligned to the center.

George

Thanks for pointing that out, I tried changing those but didn't give the result I wanted. I've managed to muddle around the problem by putting 20px of cellpadding to the table. Not ideal but at least they look reasonable!

It's strange that you removed one of the two .specialsListBoxContents and it didn't worked.

At least I'm glad that you came to a solution.