Table columns?

[albertemec]

Hi all, I'm new to the forum and was hoping I could get some quick help, since I am not a web publishing expert.

I've got a basic table set up with multiple rows but different column widths (i.e. 2 columns in one row, 3 columns in another row, both rows with different column widths). Basically I want each row to span the entire table width. However, it comes out fairly mutated instead :: 1st row becomes 2 filled and 1 empty column, 2nd row becomes 3 columns that are unequally spaced.

In one row,

<table width="100%" border="2" bordercolor=BLACK cellspacing="0" cellpadding="10">

<tr valign="top"><td width="50%" align="center">
SOME BODY TEXT HERE</p></td>
<td width="50%" align="center" bgcolor="#FFFFFF">
SOME BODY TEXT HERE</p></td>
</tr>

Closely following that row, another row with::

<tr valign="top">
<td width="33.3%">SOME BODY TEXT HERE</td>
<td width="33.3%">SOME BODY TEXT HERE</td>
<td width="33.3%">SOME BODY TEXT HERE</td>
</tr>

</table>

What's wrong here?
PS This is for an HTML e-mail marketing campaign, so I do not believe CSS is an option

[Fang]

Use a table of 6 columns, that way the ratio of the 2 and 3 column rows would layout correctly. It's a math problem not one of html.
<table width="100%" border="2" bordercolor=BLACK cellspacing="0" cellpadding="10">
<tr valign="top">
<td colspan="3" width="50%" align="center">SOME BODY TEXT HERE</td>
<td colspan="3" width="50%" align="center" bgcolor="#FFFFFF">SOME BODY TEXT HERE</td>
</tr>
<tr valign="top">
<td colspan="2" width="33.3%">SOME BODY TEXT HERE</td>
<td colspan="2" width="33.3%">SOME BODY TEXT HERE</td>
<td colspan="2" width="33.3%">SOME BODY TEXT HERE</td>
</tr>
</table>

[albertemec]

It worked! The columns are sized pretty well now!
Thanks. But I am having some frustration with a bulleted list...

It is taking up way too much white space on the left side of the bullet.

How do I decrease the indent for a un numbered list?


<ul type="DISC">
<li>SOME BODY TEXT HERE</li>
<li>SOME BODY TEXT HERE</li>
</ul>


?

[Fang]

<style type="text/css">
ul {padding:0 1em; margin:0;}
</style>

[albertemec]

Any way to do it without CSS?

This HTML code will go into an email, not sure if CSS will translate...


Tks...!

[criterion9]

You can use inline css rules in html emails for >90% of email clients. We do that at work all the time.