/    Sign up×
Community /Pin to ProfileBookmark

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.

[B]In one row, [/B]

<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>

[B]Closely following that row, another row with::[/B]

<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>

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

to post a comment
HTML

5 Comments(s)

Copy linkTweet thisAlerts:
@FangNov 25.2009 — 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.
&lt;table width="100&amp;#37;" border="2" bordercolor=BLACK cellspacing="0" cellpadding="10"&gt;
&lt;tr valign="top"&gt;
&lt;td colspan="3" width="50%" align="center"&gt;SOME BODY TEXT HERE&lt;/td&gt;
&lt;td colspan="3" width="50%" align="center" bgcolor="#FFFFFF"&gt;SOME BODY TEXT HERE&lt;/td&gt;
&lt;/tr&gt;
&lt;tr valign="top"&gt;
&lt;td colspan="2" width="33.3%"&gt;SOME BODY TEXT HERE&lt;/td&gt;
&lt;td colspan="2" width="33.3%"&gt;SOME BODY TEXT HERE&lt;/td&gt;
&lt;td colspan="2" width="33.3%"&gt;SOME BODY TEXT HERE&lt;/td&gt;
&lt;/tr&gt;
&lt;/table&gt;
Copy linkTweet thisAlerts:
@albertemecauthorNov 25.2009 — 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>


?
Copy linkTweet thisAlerts:
@FangNov 26.2009 — &lt;style type="text/css"&gt;
ul {padding:0 1em; margin:0;}
&lt;/style&gt;
Copy linkTweet thisAlerts:
@albertemecauthorNov 26.2009 — Any way to do it without CSS?

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


Tks...!
Copy linkTweet thisAlerts:
@criterion9Nov 26.2009 — You can use inline css rules in html emails for >90% of email clients. We do that at work all the time.
×

Success!

Help @albertemec spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 5.19,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @AriseFacilitySolutions09,
tipped: article
amount: 1000 SATS,

tipper: @Yussuf4331,
tipped: article
amount: 1000 SATS,

tipper: @darkwebsites540,
tipped: article
amount: 10 SATS,
)...