Help - Search - Members - Calendar
Full Version: Using HTML zoom with tables
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
persson
Hi all !
I have a question relating to using zoom to fill a VGA screen (large scoreboard screen) with a web page that I am developing.
The web page consists of 3 numbers, being displayed on a large VGA screen for viewing from long distances. So the numbers are to be large and fill the entire screen.
I am using a table divided into 3 cells. One cell sitting ontop of two underlying cells in this table.
Now to fill out the entire VGA screen I am adjusting using the html zoom tag. This work ok, but there are two problems that occurs.
1. The top cell in the table is always offset from the absolute top inside the browser window. In other words I always have space left ontop of the table between browser window frame and top most position of table. I have tried to apply every topmost/top tag I can come up with to no avail.
2. Applying zoom onto the entire page makes the table grow in size but it also makes the table move downwards on the screen. In other words it does not seems to zoom from center out.

Hope that explained the problem some.

Any ideas ? Any input, suggestions questions are welcomed !

Thanks

Anders
pandy
1. http://htmlhelp.com/faq/html/effects.html#no-margins . You only need the CSS bit though. Don't use the legacy proprietary attributes. Unless you use IE3 or something...

2. I don't know. Can you show a sample page? Maybe ditch the table altogether.
Frederiek
Just a thought:
Try using
- http://www.w3.org/Talks/Tools/Slidy/ (used that myself last school year for a résumé of my daughter for primary school, on an electronic blackboard)
or
- http://meyerweb.com/eric/tools/s5/
persson
QUOTE(Frederiek @ Aug 3 2009, 04:29 PM) *

Just a thought:
Try using
- http://www.w3.org/Talks/Tools/Slidy/ (used that myself last school year for a résumé of my daughter for primary school, on an electronic blackboard)
or
- http://meyerweb.com/eric/tools/s5/



Thanks will look that over and get back to you wit the results !

Anders
persson
QUOTE(pandy @ Aug 3 2009, 02:21 PM) *

1. http://htmlhelp.com/faq/html/effects.html#no-margins . You only need the CSS bit though. Don't use the legacy proprietary attributes. Unless you use IE3 or something...

2. I don't know. Can you show a sample page? Maybe ditch the table altogether.


This would be an example on how the scoreboard looks. Now the XX and YY and the blank square on the right side of this image will be filled in with numbers. These numbers fill the entire screen (i.e a large VGA screen on a factory floor). This image is with 120% zoom applied and you can see that the whole page has settled down towards the bottom of the browser window. The browser is now in full screen mode...so aint too sure how that can be resolved. I have applied the body tag with all the margin=0 tags avaialble it still does not adjust accordingly to the top. My table also uses 100% in its height and width as well. So maybe CSS is the answer and get rid of the tble altogether ???

Thanks for the input and if you have any further ideas that would be brilliant !

Anders
Click to view attachment
This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2010 Invision Power Services, Inc.