Hey there
I've been racking my brain over this issue and I really need some help!
I'm creating a site that is promoting several festivals, musicians and their CD's for sale.

So this is my problem..
I have created a table with 4 columns in each row. I want each row to align to the top of their cell, so that the tops of each cell look even all the way across the row. No matter what I do I can't get the cells to line up evenly. Once I figure it out I will use it as a template for all the rest of my musician pages.

Here is a link to the page in question:
http://mysticgardenmusic.com/freedom-fix.html


I'm sure it's an easy fix for someone in the know but for me it's frustrating! Thanks so much for helping!!

create a style in your stylesheet if you have any and add the class to your <td>


.styletd{
vertical-align:top;
}

Thanks..guess that means I'm going to have to learn about stylesheets.
Is there a way I can convert all the work I did into style sheets so I don't have do it all over again?

Thanks.

If you want every rows to be aligned to top, write a rule for the global object

td{
     vertical-align:top;
}

This will apply to every <td> present in the page where your stylsheet is applied.
Look here [ http://www.ilovejackdaniels.com/chea...s-cheat-sheet/ ] for a real handy CSS reference

There is a way to do it without css, the old way. I don't really want to lead you in that direction, but I guess it's alright since all you have to do is do a quick google search and you'll find it anyway Here's three ways to achieve what you want.

td { vertical-align:top; }

affects all td tags on the page. If that is not what you want, create a class:

.tdtop { vertical-align:top; }

<td class="tdtop">

or you could go the old way with simply putting:

<td valign="top">

Have fun...

i know this is not the type of answer that your looking for but you should really use divs instead of tables, there are some really nice css tutorials out there.

Wow, that tip is really useful. THanks!