Would anyone know of a better way to make each of my four navigation cells for my horizontal navigation be the same width? I have tried setting the width in CSS which does work but it screws with the rest of my table table layout. I attempted setting the width in each cell, again, basically the same result. It seems as if I leave width undefined it works better, the cell (s) width are based on the text of the link. I also tried nesting the navigation but that didn't seem to really help. Anyone with an idea I would appreciate a heads up. I'm fine with the design, just looking for a possible cure to my navigation.
Use an unordered list instead of a table. Fix the width with css and float each li left. This is the 'modern' way of doing it. Tables are not for layout - they're for tabular data. Please read the article in my sig.
Or if you want to stick to the tables you should set table-layout: fixed and set the widths to the value you want. You can also set all widths using CSS or COLGROUP/COL element.
Bookmarks