I am quite new to HTML, and I have created a number of pages related to
a project on which I am working. Several of the pages look just the way I
want with the default font settings in IE and Mozilla in Windows XP, but
they jumble up a bit if a larger font is used, as many of the readers of
this application do, or if I selct a useable font on my Linux system. In
other words, I need the bottom table (OObj2) to move up and down as the font
size decreases or increases. I've tried everything of which I can think.
Does anyone have any suggestions how to make the following code more
portable without completely changing the aspect? I know I can make it all a
single <div> and stop it, but then I have to either make the upper table
much wider, split the bottom line into three, or use multiple <td> lines
within each table row. In the last case, the lines look wrong. I can also
use colspan to get the alignment right, but the lines still don't look
right.
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=windows-1252">
<META NAME="GENERATOR" content="Microsoft FrontPage 5.0">
<META NAME="ProgId" content="FrontPage.Editor.Document">
<TITLE>TyTool Help Advanced Topics</TITLE>
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="#000000" link="#0000FF" vlink="#0000FF">
<div id="OObj1" style="position:absolute;z-index:4;visibility:visible;
left:340px;top:40px;width:250px;height:0px;">
<table border=0 cellspacing=1 cellpadding=2 width=250 bgcolor="#003366">
<tr><td width=250 bgcolor="#ff9900">
<p align="center"><font face="helvetica,arial" size=2><b>TyTool
Advanced Topics</b></font></p></td></tr>
<tr><td width=250 bgcolor="#00ff00"><p align="center"><font
face="helvetica,arial" size=2><A HREF="Advanced_Config.html"
TITLE="Discussions of Advanced Configurations"
Configuration</A></font></p></td></tr>
<tr><td width=250 bgcolor="#00ff00"><p align="center"><font
face="helvetica,arial" size=2><A HREF="Advanced_External.html"
TITLE="Running tserver Externally to TyTool">External
Options</A></font></p></td></tr>
<tr><td width=250 bgcolor="#00ff00"><p align="center"><font
face="helvetica,arial" size=2><A HREF="Advanced_FAE.html" TITLE="Definition:
GOP Accurate Editing Versus Frame Accurate Editing">GAE or
FAE?</A></font></p></td></tr>
<tr><td width=250 bgcolor="#00ff00"><p align="center"><font
face="helvetica,arial" size=2><A HREF="Advanced_FileTypes.html" TITLE="Files
used by TyTool">File Types</A></font></p></td></tr>
<tr><td width=250 bgcolor="#00ff00"><p align="center"><font
face="helvetica,arial" size=2><A HREF="Advanced_Video.html"
TITLE="Discussions of Video Considerations">Video
Processing</A></font></p></td></tr>
<tr><td width=250 bgcolor="#00ff00"><p align="center"><font
face="helvetica,arial" size=2><A HREF="Advanced_Audio.html"
TITLE="Discussions of Audio Considerations">Handling
Audio</A></font></p></td></tr>
<tr><td width=250 bgcolor="#00ff00"><p align="center"><font
face="helvetica,arial" size=2><A HREF="Advanced_IFO_Shell.html" TITLE="Using
the Create IFO Shell">IFO Shell</A></font></p></td></tr>
<tr><td width=250 bgcolor="#00ff00"><p align="center"><font
face="helvetica,arial" size=2><A HREF="Advanced_ULEAD_Tools.html"
TITLE="Issues with ULEAD Tools">ULEAD Tools</A></font></p></td></tr>
</table></div>
<div id="OObj2" style="position:absolute;z-index:4;visibility:visible;
left:292;top:240;width:356;height:40">
<table border=0 cellspacing=1 cellpadding=2 width=349 bgcolor="#003366">
<tr><td width=349 bgcolor="#dd99dd"><font face="helvetica,arial" size=2><A
HREF="TyTool_Help_Main.html">Table of Contents</A>
<A HREF="Advanced.html">Advanced Topics</A> <A
HREF="http://www.dealdatabase.com/forum/">Deal Database
Forum</A></font></td></tr>
</table></div>
<div id="OObj3" style="position:absolute;z-index:4;visibility:visible;
left:410;top:2;width:88;height:31">
<a href="http://validator.w3.org/check?uri=referer"><img border="0" src =
"http://www.w3.org/Icons/valid-html40" alt="Valid HTML 4.0!" height="31"
width="88"></a>
</div>
</body>
</html>