Do you have a question? Post it now! No Registration Necessary. Now with pictures!
- Posted on
- Making Table Text wider (other than "width")
October 19, 2011, 11:36 pm
rate this thread
sent by a web application. I have been asked to change the text
almost totally. I'm adding the text in a "sample" letter in a .docx
file. I can't seem to get the text in the HTML to show up the same
way, i.e., the text is not as wide so there are more lines generated
by the HTML. I have tried modifying the table "width: 472px" upward a
little but that seemed to make no difference. I can't figure out how
to make the lines longer (wider). Any suggestions? Here are pieces
of the HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<title>We Received Your Application!</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<table width="472px" cellpadding="0" cellspacing="0" border="0"
align="center" style="font-family: Arial, Helvetica, Verdana, sans-
serif !important; font-size: 12px !important;">
<td style="height: 60px; background-color: #990000;">
style="height: 60px; background-color: #990000;">
<img src="http://www.apu.edu/emailblasts/CRM_OLAPP/mail -
header.jpg" alt="Azusa Pacific University" style="width: 472px;
height: 60px; display: block;">
<td style="padding: 20px; line-height: 1.25;">
<p>Hi <pstag:profile value="Individuals.CS-Appl
<p>You have successfully submitted your application to APU’s
School for Adult and Professional Studies (APS). Your application will
be processed shortly and a program representative will be in contact
It is this last paragraph that illustrates the problem. How can I get
more words on each line without making something that overrides proper
margins? I don't know if the font in the HTML is the same as the
"sample" letter I was given because the sample is like a screen shot.
Re: Making Table Text wider (other than "width")
For the code posted, it's specifically that width setting that restricts
the line length. If you change "4" to "5" there, the lines get longer.
The logo image becomes odd, because it has been designed to be 472
pixels wide, but that's a different issue. So if such a change does not
take effect, then you are probably testing with a different version.
This triggers Quirks Mode on IE. Beware, but do not change this without
really knowing what you are doing - a switch from Quirks Mode to
"Standards" Mode can have very quirky effects.
Should be "472" without px, though this doesn't really matter.
A serious attempt at forcing a fixed font size that makes the text
unreadable to many people. It should be illegal, and it is - in some
countries under some circumstances.
I suppose the background color setting is pointless and just causes
problems when you make the table wider.
HTML documents should be designed with the idea "best viewed with _your_
preferred font" as far as possible.
Yucca, http://www.cs.tut.fi/~jkorpela /
- » Whats the simplest way doing a resizing/shrinking proportional to the PX of the screen
- — Previous thread in » HTML Markup Language