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/>
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/
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/
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.
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.
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.
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/
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.
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/
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. This thread has been closed and replies have been disabled. Please start a new discussion. Similar topics |
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.
|
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...
|
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...
|
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.
|
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
| |
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.
|
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.
|
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
|
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},...
|
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"...
|
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,...
| |
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...
|
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...
|
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,...
|
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...
|
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...
|
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...
| |
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
|
by: muto222 |
last post by:
How can i add a mobile payment intergratation into php mysql website.
| |