473,804 Members | 2,160 Online
Bytes | Software Development & Data Engineering Community
+ Post

Home Posts Topics Members FAQ

How to detect table width or height?

Is there some way --using, say, DOM or javascript-- to detect the
current pixel width and/or height of a relatively sized table or of
one of its columns or rows. I'm going to be writing javascript to
adjust my page to the viewer's browser window dimensions and this
would sure be great information to have.

Thanks ....
Dennis
Jul 20 '05
157 16462
ji*@jibbering.c om (Jim Ley) wrote:
On Mon, 27 Oct 2003 19:40:06 +0000, Steve Pugh <st***@pugh.net > wrote:
If the scanning of the eye [...] and the distance from monitor to eyeball.


I understoof the pixel was defined with reference to the distance from
the eyeball, please correct me if I'm wrong.


That's how it's defined in the CSS spec. But no browser that actually
uses that definition has ever been sighted, much less caught and
brought back for study.

Steve

--
"My theories appal you, my heresies outrage you,
I never answer letters and you don't like my tie." - The Doctor

Steve Pugh <st***@pugh.net > <http://steve.pugh.net/>
Jul 20 '05 #111
Jim Ley wrote:
On Mon, 27 Oct 2003 19:58:22 +0200, Mikko Rantalainen <mi**@st.jyu.fi >
wrote:
Dennis wrote:
We have pretty much anything from 1 bit
101x86 pixel screen (some cellurar phone with XHTML browser) to
2000x1500 pixel stereo display with 30 bit color (high end 3D
workstation ) and *the same* document or site should adjust to both
displays.


I simply do not agree with such a blanket statement, reading across
more than 800 pixels or so I find impossible (regardless of text size
it's the actual scanning of the eye which is my problem), it's just
too difficult, a maximum width is very important to the usability of
your content IMO.

[snip]

I agree, but I also believe that there is much more to this than the total
size of the display.

Content often has inherent size, too. A GIF, a PNG, a JPEG, or a form for
input, is often designed for a particular width. The designers of the web site
had a vision in mind, in which this element occupied X% of the width, and that
element occupied Y% of the width. People who can only change the HTML & CSS
are ultimately limited.

The designers envisioned the overall viewport. They had a view of some X-box
Y-column layout. They said "let's have this form fitting in here; let's have
this image fitting in there". So people deliver such content to be authored.
And authoring has to make do with what it has.

If authoring allows the viewport width to dramatically change without
horizontal scrolling, the relationship between the inherent sizes of that
content and the viewport width can become silly. Perhaps that form designed to
occupy X% of the width of the viewport suddenly occupies 110% of it, or 1% of
it.

In order to accommodate support of very different viewport widths, we also
need much more scalability of content. SVG to replace lots of image content.
Perhaps JPEG2000 to support much more scability of photographic content. Etc.

Text is inherently scalable. Very little other content is. The page design is
typically constrained by its unscalable content. It makes sense to design for
a certain size, so that all the unscalable content fits into it. And 800 x 600
is the obvious choice at the moment. But in 5 years time ...?

--
Barry Pearson
http://www.Barry.Pearson.name/photography/
http://www.BirdsAndAnimals.info/
http://www.ChildSupportAnalysis.co.uk/
Jul 20 '05 #112
I V
On Mon, 27 Oct 2003 22:39:02 +0000, Steve Pugh wrote:
ji*@jibbering.c om (Jim Ley) wrote:
On Mon, 27 Oct 2003 19:40:06 +0000, Steve Pugh <st***@pugh.net > wrote:
If the scanning of the eye [...] and the distance from monitor to eyeball.


I understoof the pixel was defined with reference to the distance from
the eyeball, please correct me if I'm wrong.


That's how it's defined in the CSS spec. But no browser that actually
uses that definition has ever been sighted, much less caught and
brought back for study.


Well, yes and no. The CSS spec says that, "If the pixel density of the
output device is very different from that of a typical computer display,
the user agent should rescale pixel values," and then gives an explanation
of a 'reference pixel', which is presumably intended to aid anyone
implementing such a rescaling. It _doesn't_ say, at least as I interpret
it, that a CSS UA has to interpret pixel lengths precisely using this
reference pixel. So, a browser intended for desktop use which uses screen
pixels as CSS pixels, regardless of the DPI of the screen, is, I think,
doing what the CSS spec says it should.

--
"- Penny, I worry that you are loosing heart... You are not the sweet little
girl I once knew. Where's your sense of wonder?
- Currently flowing into a sanitary napkin... Guess where my childlike
innocence and idle dreams are currently wedged. Come on, I dare you."
http://www.huh.34sp.com/

Jul 20 '05 #113
Jim Ley wrote:

I simply do not agree with such a blanket statement, reading across
more than 800 pixels or so I find impossible (regardless of text size
it's the actual scanning of the eye which is my problem)
The problem is the number of characters per line, not the number of
pixels. I need a larger than average text size and an 800px width
restriction often _causes_ readability problems.

Something you don't mention is that many of these sites that used a
fixed width layout also use multiple columns, plus they tend to set
microfonts. After I override their silly font sizes so I can read it,
there ends up being only a couple words per line in a column. IMO, this
is a far worse readability problem than lines that are a bit long.

With a fluid layout, at least I can adjust my window width to help
readability when I need to. Can't do that with a fixed design,
especially a table-based layout, which many of these sites are.
a maximum width is very important to the usability of
your content IMO.


OK fine, but if that content is text, set a max width in em or ex units,
not a fixed with in pixels. Use the right tool for the job, and all
that jazz.

--
To email a reply, remove (dash)un(dash). Mail sent to the un
address is considered spam and automatically deleted.
Jul 20 '05 #114
Dennis wrote:
On Tue, 21 Oct 2003 14:08:33 -0500, kchayka <kc*********@si hope.com>
wrote:
With HTML, I have control over text size. I can make text whatever size
it needs to be for me to read it. Flash can't do that.
You can put your own font buttons on your flash movie and change the
font size that way. Admitedly, it would be slicker if the user's
existing browser settings would do that automatically.


Ah, I see now that you are going for "slick". Usability and
accessibility normally take a back seat in these cases. I have never
seen a Flash site that had any kind of font user control, probably
because if the author really cared about this, I doubt they would have
used Flash in the first place.
But just out of curiosity, what do you do about graphics?


I could care less about eye-candy. Photos aren't normally a problem
unless the dimensions are tiny. Graphics that masquerade as text are
the only real issue. Turning off image loading helps only if the author
uses appropriate alt text. Many do not. In these cases, the browser's
back button works quite nicely. ;)

--
To email a reply, remove (dash)un(dash). Mail sent to the un
address is considered spam and automatically deleted.
Jul 20 '05 #115
Jim Ley wrote:
I simply do not agree with such a blanket statement, reading across
more than 800 pixels or so I find impossible (regardless of text size
it's the actual scanning of the eye which is my problem),


I believe it's common enough for authors to choose it as a
default suggestion.


If it were simply a suggestion, it wouldn't be so bad, but the huge
majority of these 800px wide sites use table layouts, often nested
tables. Few browsers let the user disable table support and attempts to
get around table width issues via user stylesheets generally don't work
well.

BTW, we all know that fixing font-size falls under the evil heading,
right? So what makes fixing page width OK?

--
To email a reply, remove (dash)un(dash). Mail sent to the un
address is considered spam and automatically deleted.
Jul 20 '05 #116
On Tue, 28 Oct 2003 07:56:46 -0600, kchayka <kc*********@si hope.com>
wrote:
Jim Ley wrote:

I believe it's common enough for authors to choose it as a
default suggestion.


If it were simply a suggestion, it wouldn't be so bad, but the huge
majority of these 800px wide sites use table layouts, often nested
tables.


That's still a suggestion, we can do nothing but suggest on the web.
Sure user agents are poor in this area (like they're poor at other
things) but that does not, nor should it invalidate the idea of
suggesting widths.

If we don't suggest anything that some UA's are poor at - we're left
with nothing to use at all, we certainly can't use CSS which user
agents are almost entirely atrocious at.

Jim.
--
comp.lang.javas cript FAQ - http://jibbering.com/faq/

Jul 20 '05 #117
Dennis wrote:
On Mon, 20 Oct 2003 09:27:10 -0500, kchayka <kc*********@si hope.com>
wrote:

So what are the relevant commands that tell you what the user's
preferred text size is?
But are you familiar with the zoom feature in Flash?


Yes, and it has serious flaws. I have submitted bug reports to
Macromedia, but there have been no improvements, nor do I really expect
any. Seems it's not really important to them.
With it you can make EVERYTHING larger, not just text.
And why would I need to zoom everything? Are your eye-candy images
equally as important as the textual content? Or is maintaining your
pixel-perfect layout more important to you than my ability to read it?
Page zoom, like Opera does, has more drawbacks than benefits to me, and
the Flash player's zoom has even more drawbacks than Opera's. I'll take
just plain text zoom any day.
So images (which aren't affected by
the user's preferred text size) also get magnified for the user's
benefit. It seems like kind of a wash in my opinion.


It is not a wash by a long shot. If you ever _had_ to use it, you might
agree.

--
To email a reply, remove (dash)un(dash). Mail sent to the un
address is considered spam and automatically deleted.
Jul 20 '05 #118
On Tue, 28 Oct 2003 08:20:56 -0600, kchayka <kc*********@si hope.com>
wrote:
Dennis wrote:
With it you can make EVERYTHING larger, not just text.
And why would I need to zoom everything?


because Flash like other graphics formats uses position for
information, just changing the size of one part of the text could
dramatically change the meaning of the document. (e.g. in SVG where
you stupidly can override text size in CSS
http://jibbering.com/2002/8/text-mixup.svg )
Are your eye-candy images
equally as important as the textual content?


It's rather ridiculous to suggest that people only use vector (or
other) graphics for eye candy, there are a lot of things you simply
cannot do in HTML, that you need to use graphics for.

Jim.
--
comp.lang.javas cript FAQ - http://jibbering.com/faq/

Jul 20 '05 #119
Jim Ley wrote:
On Tue, 28 Oct 2003 08:20:56 -0600, kchayka <kc*********@si hope.com>
wrote:
Dennis wrote:
With it you can make EVERYTHING larger, not just text.


And why would I need to zoom everything?


because Flash like other graphics formats uses position for
information,


You assume the author is using Flash appropriately. This is usually
not the case. So far, the OP hasn't said anything that leads me to
believe he will be using it for a suitable reason, either. More like he
wants total control over layout, which Flash will definitely give him.
Are your eye-candy images
equally as important as the textual content?


It's rather ridiculous to suggest that people only use vector (or
other) graphics for eye candy, there are a lot of things you simply
cannot do in HTML, that you need to use graphics for.


I'll agree that there are some things that cannot be done (well) in
HTML, but the overwhelming majority of Flash sites do not fall into this
category. Most probably shouldn't be using Flash at all.

--
To email a reply, remove (dash)un(dash). Mail sent to the un
address is considered spam and automatically deleted.
Jul 20 '05 #120

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

Similar topics

14
2154
by: Carl Gilbert | last post by:
Hi I am currently writing a site that utilises tables. I have one page that links to a second page. The only problem is that when I link to the second page, the table loads up with a different height than was set in the code. However, when I use the navigation buttons in IE to go back and then forward again to the second page, the table is displayed as expected.
10
7862
by: John | last post by:
I have a table with two rows. On the first row is a text box and in the second row is an image. I have set the table cellpadding to 0 and cellspacing to 0. The table is leaving extra spaces in the rows on the top and bottom of the picture and image. I need to make the height of the rows to be the same as the textbox and image. How do I do this? I have tried even setting the height of the table and all the <td> and <tr> tags to 1 but have...
1
4344
by: ajay | last post by:
I have following code for a slide menu but i twiked it to work for a single level menu. Open it in a Browser to get a clear picture. I have 2 Qs 1) How to make first entry as non-link. i.e i want to make first text as Table Heading/menu category. For examle in the given menu i want to make a heading as "Comp. Languages" which won't be a link. 2) The position of this menu is absolute to the page. I want to make it absolute to the Table...
1
2017
by: andrewkooi | last post by:
Greetings, I have 16 links for my horizontal menu navigation as you can see in my website www.singakad.com and at present, I am using a table and javascript for this menu. Is it possible for me to create a submenu for certain cells in this horizontal menu? How do I go about doing this? Thank you in advance for any assistance given.
11
3583
by: Norman L. DeForest | last post by:
Am I misunderstanding the CSS specifications or is Firefox (version 1.0.6) (and Opera) doing the wrong thing? It appears that Firefox 1.0.6 includes the border in width calculations for tables but not in height calculations. Oh, and Opera version 8.02 does the same thing. |<-->| |<-->| <------ border |<------------>| <------ table contents
3
2040
by: Chifo | last post by:
hello. i have a problem with a populate html table with data from table here it's the problem two querys retrieving data from table, one of querys show me a colletion of data from 6:00 am to 15:30 pm timestampz, i put this on a part of html table. when time on my if condition es great than 15:31, showme data from 15:31 to 23:59 timestamp and populate another part of html table. but, data in html first part,it's gone away.
5
2122
by: outstretchedarm | last post by:
I'm extremely new to javascript and to programming in general. I am trying to create an interactive table. I have already created the table with constants, in the key of C (it is for music). what I would like to do is to create a dropdown box that would enable the user to select all 12 keys, then based on that choice, have the whole table re-calculate, basically transposing all the data up or down. how would I go about doing this.
2
16421
by: nino9stars | last post by:
Hello, I have just started messing with absolute positioning on webpages, and it definitely let's you do some creative things. Well, after much searching and help, I got the images I was using to overlap correctly. You can see it on this page: www.creativekaysjewelry.com The images overlap exactly how I wanted and in the right position
1
5197
by: MissMarie | last post by:
I've been playing around with DIV tables in myspace to better learn how to rewrite my own code for my business site without having to pay someone to design it. I've tried embedding a slideshow into a div table and after I save it I noticed that the slideshow does not show up and the embed code I added is altered. Can anyone help me figure this out? The embed code that I'm talking about is three quarters down the code page under {PHOTOS},...
1
3248
by: azura | last post by:
how can i get this textfield auto detect?? because i try not to using view name button... i want when i enterd this matric no., the student name will appear automatically when i insert the matric no.. <table width="416" height="70" border="1"> <tr> <td width="87" height="33"><strong>Matric No</strong> </td> <td width="7"><div align="center">:</div></td> <td width="300"><input name="matric"...
0
9593
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
10595
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...
0
10343
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 tapestry of website design and digital marketing. It's not merely about having a website; it's about crafting an immersive digital experience that captivates audiences and drives business growth. The Art of Business Website Design Your website is...
1
10335
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
9169
agi2029
by: agi2029 | last post by:
Let's talk about the concept of autonomous AI software engineers and no-code agents. These AIs are designed to manage the entire lifecycle of a software development project—planning, coding, testing, and deployment—without human intervention. Imagine an AI that can take a project description, break it down, write the code, debug it, and then launch it, all on its own.... Now, this would greatly impact the work of software developers. The idea...
1
7633
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...
0
5529
by: TSSRALBI | last post by:
Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...
1
4306
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
2
3831
muto222
by: muto222 | last post by:
How can i add a mobile payment intergratation into php mysql website.

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.