Centering issue..

On the page: http://www.scootervilleusa.com/Scooters/Tform.cfm?PID=3
you will see a color bar in one of the table cells. I would like it to
be centered. I have the following CSS that goes along with that cell.....

prodTable td #Color {
margin: 0 auto;
}
#prodTable #Color div {
position: relative;
width: 25px;
clear: right;
float: left;
display: list-item;
margin-right: 5px;
}

But for one reason or another, I can't get the information in the cell
to be formatted. I've tried a <div align="center"> as well, still not
doing it.

What am I missing here, I'm sure its something simple......

This worked for me:

<td><div id="Color">
<div align="center"></div>
<div style="background: rgb(255, 0, 0) none repeat scroll 0%;
-moz-background-clip: initial; -moz-background-origin: initial;
-moz-background-inline-policy: initial;" align="center"></div>

Steve Grosz wrote:

On the page: http://www.scootervilleusa.com/Scooters/Tform.cfm?PID=3
you will see a color bar in one of the table cells. I would like it to
be centered. I have the following CSS that goes along with that cell.....

prodTable td #Color {
margin: 0 auto;
}
#prodTable #Color div {
position: relative;
width: 25px;
clear: right;
float: left;
display: list-item;
margin-right: 5px;
}

But for one reason or another, I can't get the information in the cell
to be formatted. I've tried a <div align="center"> as well, still not
doing it.

What am I missing here, I'm sure its something simple......

I'm not sure what most of those codes are for......such as:

-moz-background-clip: initial; -moz-background-origin: initial;

-moz-background-inline-policy: initial;"

jandf wrote:

This worked for me:

td><div id="Color"
div align="center"></div
div style="background: rgb(255, 0, 0) none repeat scroll 0%;
-moz-background-clip: initial; -moz-background-origin: initial;
-moz-background-inline-policy: initial;" align="center"></div

Steve Grosz wrote:
On the page: http://www.scootervilleusa.com/Scooters/Tform.cfm?PID=3
you will see a color bar in one of the table cells. I would like it
to be centered. I have the following CSS that goes along with that
cell.....

prodTable td #Color {
margin: 0 auto;
}
#prodTable #Color div {
position: relative;
width: 25px;
clear: right;
float: left;
display: list-item;
margin-right: 5px;
}

But for one reason or another, I can't get the information in the cell
to be formatted. I've tried a <div align="center"> as well, still not
doing it.

What am I missing here, I'm sure its something simple......

Neither am I. What I did was save your page as a web page complete and
opened it in DW then put my curser in the cell and centered it. Looked
great in preview mode. I had never copied a page in that manner before
so those <div> tags must be a result of that.

Sorry.

Fred

Steve Grosz wrote:

I'm not sure what most of those codes are for......such as:

-moz-background-clip: initial; -moz-background-origin: initial;
-moz-background-inline-policy: initial;"

jandf wrote:

This worked for me:

td><div id="Color"
div align="center"></div
div style="background: rgb(255, 0, 0) none repeat scroll 0%;
-moz-background-clip: initial; -moz-background-origin: initial;
-moz-background-inline-policy: initial;" align="center"></div

Steve Grosz wrote:

On the page: http://www.scootervilleusa.com/Scooters/Tform.cfm?PID=3
you will see a color bar in one of the table cells. I would like it
to be centered. I have the following CSS that goes along with that
cell.....

prodTable td #Color {
margin: 0 auto;
}
#prodTable #Color div {
position: relative;
width: 25px;
clear: right;
float: left;
display: list-item;
margin-right: 5px;
}

But for one reason or another, I can't get the information in the
cell to be formatted. I've tried a <div align="center"> as well,
still not doing it.

What am I missing here, I'm sure its something simple......

<td><div id="Color" style="width:110px;margin:0
auto;float:none;position:static;">

<div
style="background:#FF0000;position:static;width:20 px;height:20px;"></div>

<div
style="background:#0000FF;position:static;width:20 px;height:20px;"></div>

<div
style="background:#000000;position:static;width:20 px;height:20px;"></div>

<div
style="background:#F7E214;position:static;width:20 px;height:20px;"></div>

<br style="clear:both;"></div></td>


--
Murray --- ICQ 71997575
Team Macromedia Volunteer for Dreamweaver
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com - Template Triage!
http://www.projectseven.com/go - DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs, Tutorials & Resources
http://www.macromedia.com/support/search/ - Macromedia (MM) Technotes
==================


"jandf" <jandf (AT) hotmail (DOT) com> wrote

Neither am I. What I did was save your page as a web page complete and
opened it in DW then put my curser in the cell and centered it. Looked
great in preview mode. I had never copied a page in that manner before so
those <div> tags must be a result of that.

Sorry.

Fred

Steve Grosz wrote:
I'm not sure what most of those codes are for......such as:

-moz-background-clip: initial; -moz-background-origin: initial;
-moz-background-inline-policy: initial;"

jandf wrote:

This worked for me:

td><div id="Color"
div align="center"></div
div style="background: rgb(255, 0, 0) none repeat scroll
0%; -moz-background-clip: initial; -moz-background-origin:
initial; -moz-background-inline-policy: initial;" align="center"></div

Steve Grosz wrote:

On the page: http://www.scootervilleusa.com/Scooters/Tform.cfm?PID=3
you will see a color bar in one of the table cells. I would like it to
be centered. I have the following CSS that goes along with that
cell.....

prodTable td #Color {
margin: 0 auto;
}
#prodTable #Color div {
position: relative;
width: 25px;
clear: right;
float: left;
display: list-item;
margin-right: 5px;
}

But for one reason or another, I can't get the information in the cell
to be formatted. I've tried a <div align="center"> as well, still not
doing it.

What am I missing here, I'm sure its something simple......

Steve,

Is this better? I took out the extra code that was added by DW.

<td><div id="Color">

<div align="center"></div>
<div style="background: rgb(255, 0, 0) none repeat scroll 0%"></div>

<div style="background: rgb(0, 0, 255) none repeat scroll 0%"></div>

<div style="background: rgb(0, 0, 0) none repeat scroll 0%"></div>

<div style="background: rgb(247, 226, 20) none repeat scroll 0%"></div>

</div></td>

Fred

Steve Grosz wrote:

On the page: http://www.scootervilleusa.com/Scooters/Tform.cfm?PID=3
you will see a color bar in one of the table cells. I would like it to
be centered. I have the following CSS that goes along with that cell.....

prodTable td #Color {
margin: 0 auto;
}
#prodTable #Color div {
position: relative;
width: 25px;
clear: right;
float: left;
display: list-item;
margin-right: 5px;
}

But for one reason or another, I can't get the information in the cell
to be formatted. I've tried a <div align="center"> as well, still not
doing it.

What am I missing here, I'm sure its something simple......