473,386 Members | 1,973 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,386 software developers and data experts.

Small Presentation Problem

Hello all,

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>&nbsp;
<A HREF="Advanced.html">Advanced Topics</A>&nbsp; <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>
Jul 24 '05 #1
3 1670
On Sat, 09 Apr 2005 03:28:53 GMT, "Leslie A Rhorer"
<lr*****@satx.rr.com> wrote:
Hello all,

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 am willing to bet you are going to need much more than that,
and this is not a HTML topic,
and this is way too much rubbish (inline styles height:0px) to fight
through,
but 1 thing does stand out in regard to your succinct question:

00bj2 is a div absolutely positioned, and worse for you, absolutely
positioned with pixels.
There is no way it can move up or down, it will always be 292 pixels
from the left and 240 from the top.

Absolutely.

There are other forms of positioning and other types of units which in
combination provide for the flexibility you seek.

take a look here to start
http://www.westciv.com/style_master/...ing/index.html

if you used the validator at the top right of the page in question,
and it validated, you should know this is not an html question. It is
a design or style question.

cheers
johnSteve
Jul 24 '05 #2

"johnSteve" <st****@bresnan.net> wrote in message
news:06********************************@4ax.com...
On Sat, 09 Apr 2005 03:28:53 GMT, "Leslie A Rhorer"
<lr*****@satx.rr.com> wrote: I am willing to bet you are going to need much more than that,
and this is not a HTML topic,
Perhaps it seems I have posted in the wrong forum. If so, where should
I post?
00bj2 is a div absolutely positioned, and worse for you, absolutely
positioned with pixels.
There is no way it can move up or down, it will always be 292 pixels
from the left and 240 from the top.
Yes, I know. That is the essence of my question. How can the element
be positioned so that it doesn't obscure the other element when the other
element's size changes because the viewer changes the font size? I have no
problem resorting to a different element type (i.e. making it other than a
<div>, making it and the other elements children of a single parent, etc.).
Indeed, I have tried a number of these things, but nothing I have tried has
produced the results I want.

Assuming this is off-topic, then of course I will move this question to
another conference, but what conference would be best suited to handle it?
There are other forms of positioning and other types of units which in
combination provide for the flexibility you seek.

take a look here to start
http://www.westciv.com/style_master/...ing/index.html
OK, I did, but I don't see anything which by my understanding would do
what I want. If I make both tables a child of a single parent, either the
positioning doesn't work, or the lines are all wrong. I want to avoid using
style sheets because:

1. This project is on a rather short timeline, and learning how to use
style sheets takes time.
2. I really don't want to delve deeper into web authoring. I'm not
going to be using the knowledge any further. I've committed to doing this
one project, and then I may never do any authoring again, or at least not
for a very long time.
3. This project is a documentation set for a program which will be
undergoing regular release cycles. This will require the code to be
regularly updated. I will not be the one handling the updates, and the
persons who will be hnadling it willl very likely not be web authoring
experts. They need to be able to look at the code and easily change it.
Style sheets make it much more difficult for the manager to update the docs.
4. It bloats the documentation set. There are over 200 pages associated
with this set, and a large number of them suffer from this issue. Adding
style sheets for several dozen of the pages (each one quite different,
requiring a different stype sheet) would increase the size significantly.

What I am saying is I am looking for an HTML based solution to this
issue, not one involving CSS. Is the question still off-topic?

I am also saying I'm not really looking for generalized solutions to
similar problems, but rather a specific fix for this specific issue.
if you used the validator at the top right of the page in question,
and it validated, you should know this is not an html question. It is
a design or style question.


Meaning this conference is only targeted to fixing bad .html code, not
trying to learn variations in .html code? The newsgroup description says
only "Writing HTML for the web". I've searched the newsgroups available
through my news server, and I don't spot anything which jumps out at being a
style or design oriented web publishing group.
Jul 24 '05 #3
On Sat, 09 Apr 2005 23:36:19 GMT, "Leslie A Rhorer"
<lr*****@satx.rr.com> wrote:
snipped, but you are in a pickel What I am saying is I am looking for an HTML based solution to this
issue, not one involving CSS. Is the question still off-topic? There is no html solution to this problem.
It would be valid transitional html if there was a doctype. There is
nothing wrong with the html. The problem occurs in the awful things
that happen to the html. That is another topic.
I am also saying I'm not really looking for generalized solutions to
similar problems, but rather a specific fix for this specific issue.
of course you are, but the specific fix requires more than you want to
give...

So stop.
snipped
I've searched the newsgroups available
through my news server, and I don't spot anything which jumps out at being a
style or design oriented web publishing group.

substitute site-design and stylesheets for html as in:

comp.infosystems.www.authoring.site-design
comp.infosystems.www.authoring.stylesheets
good luck
and
cheers

johnSteve
Jul 24 '05 #4

This thread has been closed and replies have been disabled. Please start a new discussion.

Similar topics

3
by: Mike C. Fletcher | last post by:
Slides from my PyGTA presentation on Tuesday, focusing mostly on why/where you would want to use meta-classes, are available in PDF format: ...
4
by: Joseph | last post by:
I am trying to open a 3 powerpoint presentation simultaneously afte each other without interruption, the operator of the application doe not need to notice anything or interfere in the operation of...
4
by: daD | last post by:
I am using an access front-end to open a MS P{werpoint presentation. My problem is that when I am finished with the presentation and use the "back" button on the toolbar to return to MS Access, MS...
13
by: Alan Silver | last post by:
Hello, MSDN (amongst other places) is full of helpful advice on ways to do data access, but they all seem geared to wards enterprise applications. Maybe I'm in a minority, but I don't have those...
1
by: Burt | last post by:
We (IT) frequently have one off requests for one off processes, pages, etc (load a file into a db, compare data from two tables, place a text file on a number of shares, etc). What we end up with...
6
by: Dhananjay | last post by:
hello everyone i have got a problem i want to design business layer, data access layer , presentation layer for asp.net using C#.net , can anyone help me to solve this problem. i want some...
2
by: Fresno Bob | last post by:
I have done my first big project with .net 2.0. I like how easy it is to build 3 tier apps with strongly typed datasets and a business logic layer. The main thing I dislike is how to handle...
0
by: sambrena | last post by:
Still rush about cities to take part in a conference? Although you know that travelling around the world for business meetings is a good way to meet and know your business partners, you have to...
0
by: aa123db | last post by:
Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...
0
by: ryjfgjl | last post by:
If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...
0
by: emmanuelkatto | last post by:
Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel
0
BarryA
by: BarryA | last post by:
What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...
1
by: nemocccc | last post by:
hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?
1
by: Sonnysonu | last post by:
This is the data of csv file 1 2 3 1 2 3 1 2 3 1 2 3 2 3 2 3 3 the lengths should be different i have to store the data by column-wise with in the specific length. suppose the i have to...
0
by: Hystou | last post by:
Most computers default to English, but sometimes we require a different language, especially when relocating. Forgot to request a specific language before your computer shipped? No problem! You can...
0
Oralloy
by: Oralloy | last post by:
Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers,...
0
jinu1996
by: jinu1996 | last post by:
In today's digital age, having a compelling online presence is paramount for businesses aiming to thrive in a competitive landscape. At the heart of this digital strategy lies an intricately woven...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.