473,624 Members | 2,534 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

set size of body in pixels

I need a web page in exact
pixels height and width for use
in standard def TV.

Any ideas how?
Jul 27 '08 #1
7 3424
In article <d5************ *************** ***@comcast.com >,
Rick Merrill <ri***********@ gmail.comwrote:
I need a web page in exact
pixels height and width for use
in standard def TV.

Any ideas how?
Well, what is the problem exactly? Do you now CSS a bit?

--
dorayme
Jul 27 '08 #2
Gazing into my crystal ball I observed Rick Merrill
<ri***********@ gmail.comwritin g in news:d5SdnY-LuvE-
Yx************* *****@comcast.c om:
I need a web page in exact
pixels height and width for use
in standard def TV.

Any ideas how?
You really don't need to do that, just let the browser deal with it.
You might want to use @media tv - which is intended for television and
television type devices.

Television screen are as varied as computer monitors. Additionally, you
don't know if someone is going to have their cable menu open, or using
picture in picture or something like that, which could reduce the
available "window" size.

Again, just let the browser deal with it.

--
Adrienne Boswell at Home
Arbpen Web Site Design Services
http://www.cavalcade-of-coding.info
Please respond to the group so others can share

Jul 27 '08 #3
dorayme wrote:
In article <d5************ *************** ***@comcast.com >,
Rick Merrill <ri***********@ gmail.comwrote:
>I need a web page in exact
pixels height and width for use
in standard def TV.

Any ideas how?

Well, what is the problem exactly? Do you know CSS a bit?
720x480
Yes I do.
Jul 28 '08 #4
Rick Merrill wrote:
I need a web page in exact pixels height and width for use in
standard def TV.
Any ideas how?
<snip>
720x480.
Controlling the width using CSS is a simple matter. Controlling the
height is not. You can specify a height for a div, but constraining the
content of the div to that height is not as easy. Even if you specify a
font face and size and mark them !important, different browsers render
text differently. This means that they will wrap text at different
points. What may look like 10 lines of text to you may look like 11
lines of text to me, and not fit in the div.

You have several options: deliver each page as a 720 x 480 bitmap,
constrain the width to 720px and allow the page to overflow the height,
constrain the width to 720px and hide anything that overflows, constrain
the width to 720px and put so little content on the page that it is
unlikely to overflow. I don't think any of these are what you really want.
Jul 28 '08 #5
On 28 Jul, 00:03, Rick Merrill <rick0.merr...@ gmail.comwrote:
I need *a web page in exact
pixels height and width for use
in standard def TV.
You don't.

Provide a fluid design, same as ever. View it on a browser that
imposes this rigid size limit (such as 720×480) and your design will
cope.
Jul 28 '08 #6
Rick Merrill wrote:
This is a piece of a 2-week long listing of tv shows with javascript
that finds the current time and only displays a screenfull of what is
playing now and in the next couple of hours. The html/javascript is
run periodicly by a frequent, scheduled batch file to produce a
graphic image that is put on the TV as 'filler' before the next show.
that's why.

In other words, this html is a convenient way to generate the
graphics in a semi-automatic fashion.
I would think that HTML/Javascript would be a less than optimum way to
do this.

If I am understanding correctly, what you are trying to do is use HTML
to describe an image to a program that will generate the image, then the
resulting image is displayed on a TV screen. Is that right? There may be
better ways of doing this, though we tend to use the tools we are
familiar with.

If I am correct, then the peculiarities of different browsers is not as
big an issue as it usually would be with HTML. But you still need to
manage the height of your content in some way.

Rather than trying to set the width and height of the body of the page,
place a div around your content and set the width, height, background
image, font face, font size, margins, etc of the div.

You might have better success with a program like Fly.
http://martin.gleeson.com/fly/
(Maybe. Fly won't automatically do word wrapping for you.)
Jul 29 '08 #7
Scott Bryce wrote:
Rick Merrill wrote:
>This is a piece of a 2-week long listing of tv shows with javascript
that finds the current time and only displays a screenfull of what is
playing now and in the next couple of hours. The html/javascript is
run periodicly by a frequent, scheduled batch file to produce a
graphic image that is put on the TV as 'filler' before the next show.
that's why.

In other words, this html is a convenient way to generate the
graphics in a semi-automatic fashion.

I would think that HTML/Javascript would be a less than optimum way to
do this.

If I am understanding correctly, what you are trying to do is use HTML
to describe an image to a program that will generate the image, then the
resulting image is displayed on a TV screen. Is that right? There may be
better ways of doing this, though we tend to use the tools we are
familiar with.

If I am correct, then the peculiarities of different browsers is not as
big an issue as it usually would be with HTML. But you still need to
manage the height of your content in some way.

Rather than trying to set the width and height of the body of the page,
place a div around your content and set the width, height, background
image, font face, font size, margins, etc of the div.

You might have better success with a program like Fly.
http://martin.gleeson.com/fly/
(Maybe. Fly won't automatically do word wrapping for you.)

I'll give the div a try.

This of course evolved from a nice, use anywhere, web page with the
NowPlaying feature, then it became a path to getting an anouncement
slide on the tv.
Jul 29 '08 #8

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

Similar topics

2
9689
by: Michael | last post by:
Hi, How can I set my default display font size, type for a web page, or a <table>? I dont want to write <font size=....> everywhere, especially inside each <td>. I know this is HTML question, kindly please help to tell me. Thanks
2
3256
by: chepiok | last post by:
I have a very basic table with a fixed height of 40 pixels that contains an image of 40 pixels height. Works on mozilla, forebird, konkeror, safari. The problem is that on IE6 PC, WinXP SR1, the cell is too high (around 2 or 3 pixels, as seen with the color background used to check the size) and is not set to the 40 pixels height. Thanks Here is the code :
21
2863
by: James Moe | last post by:
Hello, I just joined this group and saw the discussion "What do you think of resizing 1em to 10px?" I am somewhat confused by what y'all think should be used as a reference size. I was surprised that someone actually suggested ems as a reference. Ems are relative to a selected point size, the width in points of a capital M. If no point size is given, what size does an em become? The browser obviously must decide. Also setting the body...
23
3746
by: BobK | last post by:
Hello Everyone, I am updating the CSS for my site but want new and original page to appear the same. My original CSS permits small increments of zooming (ctrl/mouse wheel) so that you get perhaps 3 usable levels of zoom. The increments are small and it only has 4 zoom levels. Same thing with changing resolutions. When you change from 1280x1024 to 800x600 the page looks acceptable after changing the zoom a click or two.
16
2449
by: maya | last post by:
I have heard so much preaching here about how font sizes should be set as percentages so users can change font-sizes on their browsers... ok, so now at work am working on a site where we need to do precisely that b/c it's for an audience that some users maybe be visually-impaired.. but I can't get it to work right, problem is that font sizes are not consistent across diff elements.. code: body {text-align:center; /* to center...
40
2952
by: Paul Davis | last post by:
Hi all, I'm building some style sheets and trying to play the old game of balancing designer pixel perfection and still allowing users to adjust their font sizes. The compromise I've made with the designer is that he'll accept allowing users to change font sizes it it "looks right" with the default setting. I'm using em to set the font size. So, anyway, here's the problem. At 0.96em we get the perfect font size. But, if the font is...
30
4519
by: Takehiko Abe | last post by:
I have a <pelement with <ttinside: ;;; <p>A paragraph contains <tt>tt element</tt>.</p> I would like to set the font-size of the TT to the same as the containing <p>. This does not seem to work: ;;; p {
71
5777
by: Mark | last post by:
Sorry if the question is a bit basic. I generally express my font sizes in pixels, originally to handle the Macintosh/Windows font size differences (though I believe that they both now treat points the same way, at least within the browser window). It has been suggested that one should use ems to allow browsers to increase or decrease the text size. However, I have never had trouble with pixels.
11
8864
by: Ram | last post by:
Hey, I've got the following code: <font font-size="7">Hello</font> How can I calculate the font-size int the actual size in pixels? Thanks ahead! --sternr
3
5739
by: PYG | last post by:
Hi everybody I have a simple question : If i use this code : <body style="font-size:24px;color:blue;"> Text in body <table> <tr><td> Text in table
0
8231
marktang
by: marktang | last post by:
ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...
0
8168
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 effortlessly switch the default language on Windows 10 without reinstalling. I'll walk you through it. First, let's disable language synchronization. With a Microsoft account, language settings sync across devices. To prevent any complications,...
0
8672
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, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...
1
8330
by: Hystou | last post by:
Overview: Windows 11 and 10 have less user interface control over operating system update behaviour than previous versions of Windows. In Windows 11 and 10, there is no way to turn off the Windows Update option using the Control Panel or Settings app; it automatically checks for updates and installs any it finds, whether you like it or not. For most users, this new feature is actually very convenient. If you want to control the update process,...
0
8471
tracyyun
by: tracyyun | last post by:
Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...
1
6107
isladogs
by: isladogs | last post by:
The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...
1
2603
by: 6302768590 | last post by:
Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system
1
1780
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.
2
1474
bsmnconsultancy
by: bsmnconsultancy | last post by:
In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

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.