Making Table Text wider (other than "width")

Discussion in 'HTML' started by OccasionalFlyer, Oct 20, 2011.

  1. I am working on modifying a web page that creates email that is then
    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">
    <html>
    <head>
    <title>We Received Your Application!</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    </head>
    <body>
    <table width="472px" cellpadding="0" cellspacing="0" border="0"
    align="center" style="font-family: Arial, Helvetica, Verdana, sans-
    serif !important; font-size: 12px !important;">
    <tr>
    <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>
    </tr>
    <tr>
    <td style="padding: 20px; line-height: 1.25;">
    <p>Hi <pstag:profile value="Individuals.CS-Appl
    Biographic.Primary_First_Nm" />,</p>
    <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
    with you.
    </p>
    .....
    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.
    Thanks.

    Ken
    OccasionalFlyer, Oct 20, 2011
    #1
    1. Advertising

  2. 20.10.2011 2:36, OccasionalFlyer wrote:

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


    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.

    > <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">


    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.

    > <table width="472px" cellpadding="0" cellspacing="0" border="0"


    Should be "472" without px, though this doesn't really matter.

    > align="center" style="font-family: Arial, Helvetica, Verdana, sans-
    > serif !important; font-size: 12px !important;">


    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.

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


    I suppose the background color setting is pointless and just causes
    problems when you make the table wider.

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


    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/
    Jukka K. Korpela, Oct 20, 2011
    #2
    1. Advertising

Want to reply to this thread or ask your own question?

It takes just 2 minutes to sign up (and it's free!). Just click the sign up button to choose a username and then you can ask your own questions on the forum.
Similar Threads
  1. TS
    Replies:
    2
    Views:
    6,943
  2. gorbus

    DIV wider than TD (cell)

    gorbus, Jul 29, 2005, in forum: HTML
    Replies:
    8
    Views:
    4,019
    Noodles Jefferson
    Jul 30, 2005
  3. Replies:
    3
    Views:
    460
    Alan Silver
    Jun 27, 2006
  4. Nathan Sokalski

    TD tags are wider than necessary

    Nathan Sokalski, Apr 23, 2007, in forum: ASP .Net
    Replies:
    4
    Views:
    313
    Nathan Sokalski
    Apr 25, 2007
  5. =?Utf-8?B?QW5kcmV3IEhheWVz?=

    TextBox Within Table Wider Than Cell

    =?Utf-8?B?QW5kcmV3IEhheWVz?=, Sep 27, 2007, in forum: ASP .Net
    Replies:
    3
    Views:
    505
    Just Me
    Sep 28, 2007
Loading...

Share This Page