Results 1 to 2 of 2

Thread: HTML or Javascript code to control tables

  1. #1
    Join Date
    Aug 2007
    Posts
    1

    HTML or Javascript code to control tables

    hey everyone i have created this web site with a template as a background...
    http://www.ccwdsupport.com/client_pr...ndex_new2.html

    When i make the text LARGER in my browser it becomes all distorted, how do i make the table stay a certain width and not expand at all NO matter what? I have set the table to 695 pixels but still expands when i make text larger.. need this fix so any advice you have please send it over

    Also we make web sites using templates is there any other way to create site to make it look professional (like a template offers) without making them in photoshop? we are having issues with all our sites

    thanks for the help!

  2. #2
    Join Date
    Feb 2006
    Location
    Salisbury UK
    Posts
    4,332
    By coloring nearly every table and td tag a different color I can say that this td tag is getting wider when using text size largest in IE7 although all the tables and td tags inside it are staying 695px wide (it also happens in Firefox but at much larger text increase):-
    <TD ROWSPAN=3 width="695" bgcolor="lime"
    background="images/index_new2_06.jpg" valign="top">

    I deleted all the tables inside the above td tag which had a width of 695px and the td tag returned to its normal width of 695px. I added a div width 695px without anything in it and the td tag still increased in width with larger text although the div stayed at 695px!

    Eventually I discovered that the text 1-866-500-OCDSG in a table above fits its td tag width of 35% at normal text size but is too wide when largest text is used in IE7. Firefox enlarges the td tag at a much larger text size. When the td tag expands the table above, the lower table td tag expands as well.

    I thought that breaking the number with spaces like 1-866 - 500 - OCDSG would be a cure but it still showed on one line (must be something about the way numbers are shown) so I found the only answer was to break it with a br tag:-
    1-866-500-<br>OCDSG

    There are lots of other errors on your page but none were the reason for the wider td tag. You ought to have a doctype at the very top of your html page above the <html> tag like:-
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
    Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

    and check for other errors at
    http://validator.w3.org/

    There is also a missing closing </p> tag just before </TD>:-
    <p>&nbsp;</TD>
    Code downloaded to my PC will be deleted in due course.
    WIN7; IE9, Firefox, Opera, Chrome and Safari for Windows; screen resolution usually 1366*768.
    Also IE6 on W98 with 800*600 and IE8 on Vista 1440*900.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •