PDA

View Full Version : HTML or Javascript code to control tables



calcoast
07 Aug 2007, 01:38 AM
hey everyone i have created this web site with a template as a background...
http://www.ccwdsupport.com/client_projects/johnanderson2/index_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! :)

Wickham
07 Aug 2007, 07:30 AM
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>