Change Attribute Position With CSS?

[spottedhaggis]

Ah I think you may be a little confused over what part Im talking about, no offense, on the site the orange bosxes are the attributes, where as the table son the right I placed inside the product info display page manualy and they are indeed tables.

The attributes are setup through admin, so since there is not any specific code to place them into tables, I was not able to locate where these are. Hence al I could do was CSS them to change the way they lok, but from what I can tell they are not inside tables at all.

The code that displays any attributes is inside a table but even centering that table makes no difference.

The orange boxes will never exceed 5, and are setup to fit a 1024/768 display without altering their position, since most people (according to the stats I have looked at on other sites) use that resolution instead of the older and less popular 800/600.

I would like to try and have all 5 boxes as they are now centered in the display.

I did notice when I view the source with fireworks, they do seem to be a table within a table within a table, but I cant see how this is created from the php codes.

[DrByte]

I think if I read what you're asking, you want to center the "orange" boxes, right?

Try this:
/includes/templates/YOURTEMPLATE/templates/tpl_modules_attributes.php
around line 42 you have:

<?php
if ($options_attributes_image[$i] != '') {
?>
<?php echo $options_attributes_image[$i]; ?>
<?php
}
?>
<br class="clearBoth" />

change that to:

<div class="attribWrapperForMyBoxes">
<?php
if ($options_attributes_image[$i] != '') {
?>
<?php echo $options_attributes_image[$i]; ?>
<?php
}
?>
</div>
<br class="clearBoth" />

and then set a new class in your stylesheet for:

.attribWrapperForMyBoxes {text-align: center; }

[spottedhaggis]

I have added this but am not sure it changed anything, lol.

The text I think I had centered ok, but I want the boxes that the text sit in that have the orange inside them centered at the bottom of the page?

[kuroi]

Ironically, your boxes very much want to go to the center. Change

.attribWrapperForMyBoxes {text-align: center; }

to

.attribWrapperForMyBoxes {width:425px}

and they won't be able to get there fast enough.