List as a table

[wsantos]

Guess I'll need help on CSS again.  ???

 

I have this basic conceptual layout.

 

#sortable_list
{
  BACKGROUND: #FFFFFF;
}

#sortable_list LI
{
  DISPLAY: INLINE;
}

#sortable_list UL LI DIV
{
  WIDTH: 150PX;
  DISPLAY: INLINE;
}

 

            
            <UL ID=sortable_list>
              <LI ID=Row>
                <UL CLASS=Header>
                  <LI CLASS=tblHead_left>
                    head 1
                  </LI>
                  <LI CLASS=tblHead>
                    head 2
                  </LI>
                  <LI CLASS=tblHead_right>
                    head 3
                  </LI>
                </UL>
              </LI>
              <LI ID=Row>
                <UL>
                  <LI>
                    Item 1-A
                  </LI>
                  <LI>
                    Item 2-A
                  </LI>
                  <LI>
                    Item 3-A
                  </LI>
                </UL>
              </LI>
              <LI ID=Row>
                <UL>
                  <LI>
                    Item 1-B
                  </LI>
                  <LI>
                    Item 2-B
                  </LI>
                  <LI>
                    Item 3-B
                  </LI>
                </UL>
              </LI>
            </UL>

 

Im trying to control the list item's width but end up in vain.  Thank you

[phpQuestioner]

 

try using padding instead of width.

[bronzemonkey]

You cannot control the width of inline elements, display the list items as block level elements.

 

It is also good practice to use lowercase throughout your css and html files (especially the elements) and to put "" around you class names in the html file.