...If that made sense?
Basically, say I've got a header bar in my web app. I want it to go across the screen. On the left I want the page header text, next to that I want some <div> navigation buttons I've made, then on the right hand side of the screen I want a drop list with view options or whatever. Say my code looks like this:
When I look at this in the browser, the <td>'s width seem to get spread evenly across the whole width of the table. This is not ideal for me. I basically want the page title text and a couple of <div> buttons to be grouped to the left and the view select thingy on the right. I have tried to put exact pixel widths for the <td>s but that ain't too flexible really (say I want to change the text size later etc.)Code:<table style="width: 100%; background-color: blue;"> <tr> <td>Page Title</td> <td><div class="button">ADD</div></td> <td><div class="button">DELETE</div></td> <td style="text-align: right;"><select><option>Whatever</option></select></td> </tr> </table>
Is there a solid way of doing this thing? Should I do away with the <table> altogether? Is there another way of having <div> buttons that can sit happily side by side without having to resort to putting them in separate <td>s?
Thank you for any help on this issue.