This has to do with CSS. On the td row, apply this style attribute: style="position: relative;" . Then on your calendar, apply this attribute: style="position: absolute; z-index: 1000;" . This will make the calendar be in the same row, and be "above" the other elements. You can then decide how far down to move the calendar so it is not destructive to the row.
If you wish to have all the elements in order: 1 2 3 then apply this attribute to the row instead: style="white-space: nowrap;"
The reason why your td is messing up could be because your entire row is larger than the table allows. By having the "nowrap" functionality, it will increase the size of your table, and not wrap. However, this will affect all rows, so beware.
Reputation Points: 43
Solved Threads: 68
Veteran Poster
Offline 1,080 posts
since Sep 2007