Table Question

[anishgiri]

I have tabulated date of beverages with price and beverage. I need to position the price at far right. I don't know if I am doing it right with tables, I used mant td. Below is my code.

<table  cellspacing="0" cellpadding="0">
			<tr>
			    <td align="right"> <span class="menu_name">Classic Drinks</span></td>
				<td >&nbsp;</td><td >&nbsp;</td><td >&nbsp;</td>
				<td >&nbsp;</td><td >&nbsp;</td><td >&nbsp;</td>
				<td >&nbsp;</td><td >&nbsp;</td><td >&nbsp;</td>
				<td >&nbsp;</td><td >&nbsp;</td><td >&nbsp;</td>
				<td >&nbsp;</td><td >&nbsp;</td><td >&nbsp;</td>
				<td >&nbsp;</td><td >&nbsp;</td><td >&nbsp;</td>
				<td >&nbsp;</td><td >&nbsp;</td><td >&nbsp;</td>	
				<td >&nbsp;</td><td >&nbsp;</td><td >&nbsp;</td>
				<td >&nbsp;</td><td >&nbsp;</td><td >&nbsp;</td>
				<td >80z</td><td>&nbsp;&nbsp;</td><td >120z</td>
			</tr>
			
			<tr>
			<td >Classic Drinks</td>
			  <td >&nbsp;</td><td >&nbsp;</td><td >&nbsp;</td>
				<td >&nbsp;</td><td >&nbsp;</td><td >&nbsp;</td>
				<td >&nbsp;</td><td >&nbsp;</td><td >&nbsp;</td>
				<td >&nbsp;</td><td >&nbsp;</td><td >&nbsp;</td>
				<td >&nbsp;</td><td >&nbsp;</td><td >&nbsp;</td>
				<td >&nbsp;</td><td >&nbsp;</td><td >&nbsp;</td>
				<td >&nbsp;</td><td >&nbsp;</td><td >&nbsp;</td>	
				<td >&nbsp;</td><td >&nbsp;</td><td >&nbsp;</td>
				<td >&nbsp;</td><td >&nbsp;</td><td >&nbsp;</td>
				<td >200.00</td><td>&nbsp;&nbsp;</td><td >300.00</td>
			</tr>
		</table>

Below is what I want to achieve

Classic Drink                                   80z            120z
Regular Brew                                       68.00           168.00
Decaf                                             178.00            98.00

[jedaisoul]

1. The column headers should be in a row of TH elements instead of TD ones.

2. Why have you got so many TD elements in each table row? Your example needs just 3.

3. You need to use CSS to control the layout of the table, particularly if you are using HTML5, as none of the HTML4 table attributes are valid in HTML5.

[COBOLdinosaur]

You do not use extra cells to do spacing, you use the tag definitions and styling to get the presentation you need.

Perhaps the table article will help

[ProSence]

I think, he got the solution.

[seanmarshall]

I think you should use any HTML editing platform, if you will use any software for html editing so the mistakes will be less. I am using Dreamweaver and it's really a good HTML editing program. I hope it will also helpful for you.