Table Question

Printable View

02-20-2013, 07:27 PM
anishgiri

Table Question

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.

Code:

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

Below is what I want to achieve

HTML Code:

Classic Drink 80z 120z Regular Brew 68.00 168.00 Decaf 178.00 98.00
02-21-2013, 06:25 AM
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.
02-21-2013, 11:20 AM
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
02-23-2013, 04:41 PM
ProSence

I think, he got the solution.
03-06-2013, 05:03 AM
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.