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 16367
[a little editing goes a long way when posting replies on usenet]
Barry Pearson wrote: With images, you can't satisfactorily cater for any resolution. You eventually have to make some hard decisions.
**Still** refusing to distinguish between content and presentation, I see.
You can design to ensure that your pages CAN be displayed on a particular viewport size without necessarily making it worse for the rest
In the context of css, the easiest, most reliable way to design is for
any resolution, any screen size. Textual content will adapt. Images
will not. That is the nature of the beast. I don't design my photos
to fit in a window size. I make the photo first, then make it
available on the www.
It makes a lot of sense to design yourpages so that they will display well at 800 x 600.
My pages *do* display well on a screen that is 800px wide. If they
don't, then please explain what you see as a problem.
If you want to pick one window size and design for it, then do so
already. Why are you badgering me to do the same? I won't do it.
Would you like me to tell you that I do cater to one screen size, even
though I don't? Would that make you happy? If you had massive detail, would it be (say) 1024 x 768,
That's a resolution, right? Well, I suppose, by coincidence, I might come up with a photo that is exactly 1024px x 768px.
Not good! I hope you would take advice before do that.
Are you for real? *You* proposed that hypothetical, not me. Please
stop arguing for its own sake. The size she chose allows a reasonable representation of her photos while remaining accessible on most computer screens.
In other words, she took into account the screen sizes of "most computers"!
Right, Barry. Now try to follow this: "most computer screens" means
that the photos are too large for a handheld device, but not too large
for a computer screen, **whatever** the window size, **whatever** the
resolution. The stylesheet for media="screen" does not cater to an
800 x 600 size by using e.g., body {width: 790px}. To do so would be
folly.
As such, her site is viewable on a wide array of computer screen
configurations.
--
Brian
follow the directions in my address to email me
Brian wrote: [a little editing goes a long way when posting replies on usenet]
I have edited every response I've made to what you have said!
Barry Pearson wrote: With images, you can't satisfactorily cater for any resolution. You eventually have to make some hard decisions. **Still** refusing to distinguish between content and presentation, I see.
I am simply stating a fact. People developing inherently visual material,
especially pixel-oriented material, design it with the target screen sizes in
mind, if they have any sense.
If you or anyone here can pose an alternative, please do. There are vast
numbers of photographers and others who need an answer. But we know what the
current answer is - we design for target screen-occupancy, because we have to.
The decision about the size of the material in pixels CANNOT be ducked. Should
this JPEG be 400 x 400 pixels? 600 x 400? 700 x 500? 1024 x 768?
Those decisions make a massive difference to the value of the web site,
including whether or not scrolling is needed to see the image, the download
time, whether you have to look hard to see an image occupying 10% of your
screen, etc.
[snip] In the context of css, the easiest, most reliable way to design is for any resolution, any screen size. Textual content will adapt. Images will not. That is the nature of the beast. I don't design my photos to fit in a window size. I make the photo first, then make it available on the www.
[snip]
When you prepare your photographs for the web, you SHOULD do it for a
particular window size. Oh ... I forgot. You have said you are not a
photographer. Enough said!
--
Barry Pearson http://www.Barry.Pearson.name/photography/ http://www.BirdsAndAnimals.info/ http://www.ChildSupportAnalysis.co.uk/
Sometime around Tue, 14 Oct 2003 17:45:26 +0100, Barry Pearson is reported
to have stated: But the maximum viewport size is typically just a bit less than the screen size.
Assuming, of course, that the user has their browser window maximised.
Which many don't.
--
Mark Parnell http://www.clarkecomputers.com.au
Barry Pearson wrote: I am simply stating a fact. People developing inherently visual material, especially pixel-oriented material, design it with the target screen sizes in mind, if they have any sense.
Insult number 2. But I have plenty of sense, thank you. I do not
design for a screen size. How could I? There are too many possibilities.
If you or anyone here can pose an alternative, please do.
Asked and answered.
The decision about the size of the material in pixels CANNOT be ducked. Should this JPEG be 400 x 400 pixels? 600 x 400? 700 x 500? 1024 x 768?
Why does that last hypothetical size match a resolution? You're not
confusing the two, are you?
When you prepare your photographs for the web, you SHOULD do it for a particular window size.
Why? Is there something wrong with my sites?
Oh ... I forgot. You have said you are not a photographer. Enough said!
I guess that's another insult. Whatever. HAND.
--
Brian
follow the directions in my address to email me
Mark Parnell wrote: Sometime around Tue, 14 Oct 2003 17:45:26 +0100, Barry Pearson is reported to have stated:
But the maximum viewport size is typically just a bit less than the screen size.
Assuming, of course, that the user has their browser window maximised. Which many don't.
I said "the maximum viewport". That is independent of whether the window is
maximised. On an 800 x 600 screen, the maximum viewport size is just less than
that - even if the browser isn't running!
The point about this discussion is so simple that I'm surprised that there is
debate. Someone developing pixel-oriented material, JPEG, GIF, PNG, etc, has
to decide how many pixels to have in the image. Perhaps sometimes there is
actually no choice. (For example, someone showing a screen-capture may well
accept exactly the size dictated by the material as put onto the screen before
capture). But typically there IS a choice. A photographer has a choice about
whether to make a photograph 400 x 300, or 600 x 450, or 800 x 600, or 4000 x
3000, etc. Someone creating a chart from Excel, or a graph, or a diagram from
a modelling tool, also has to make a decison. (I have done all of these at one
time or another).
So, how should the decision be made? Without considering the screen sizes
available to view such images, and for photographs the network speeds, there
is no reference point. Any of the above sizes could be valid. This isn't like
leaving text sizes to the browser-default, where the author can simply avoid
making the decision. The image-developer HAS to make a decision, which then
gets frozen into the content.
Below, there is some pixel-oriented material where I have had to make such a
decision. It is arguable whether I made the right decision in each case. That
can probably really only be judged by the viewer, who might say "on my screen
that image requires horizontal scrolling", or "on my screen that image only
occupies 10% of the screen and is insignificant", or "that photograph takes
half a minute to download on my connection and I would prefer a smaller
version".
No amount of denial in these NGs will alter the basic fact. The developer HAS
to make the decision, and that decision should have a rational basis in order
to be satisfactory to the viewers. http://www.parliament.the-stationery...98/9091506.htm http://www.childsupportanalysis.co.u...se_study_1.htm http://www.childsupportanalysis.co.u...e_children.htm http://www.barry.pearson.name/photog...95_09_10_3.htm
--
Barry Pearson http://www.Barry.Pearson.name/photography/ http://www.BirdsAndAnimals.info/ http://www.ChildSupportAnalysis.co.uk/
"Barry Pearson" <ne**@childsupp ortanalysis.co. uk> wrote: The point about this discussion is so simple that I'm surprised that there is debate.
Maybe the point isn't as simple as you think.
Someone developing pixel-oriented material, JPEG, GIF, PNG, etc, has to decide how many pixels to have in the image
That is true.
So, how should the decision be made? Without considering the screen sizes available to view such images, and for photographs the network speeds, there is no reference point.
Wrong. The reference point is the image itself - the image must be
large enough for all the detail the creator wants to convey to be
apprarant. This must be balanced against the download time for the
user. the creator must decide upon a compromise between download time
and detail. Placing window size above either of those is going to lead
to problems.
Below, there is some pixel-oriented material where I have had to make such a decision. It is arguable whether I made the right decision in each case. That can probably really only be judged by the viewer, who might say "on my screen that image requires horizontal scrolling", or "on my screen that image only occupies 10% of the screen and is insignificant", or "that photograph takes half a minute to download on my connection and I would prefer a smaller version".
http://www.parliament.the-stationery...98/9091506.htm
Yuck. Was this made in Word? I thought you used Photoshop?
The image should be redone, as it is it needs to be larger in order to
be clearer (detail) and at 7kb can afford to be so (download time).
But what window size was a 434 x 299 image designed for? http://www.childsupportanalysis.co.u...se_study_1.htm
If redrawn to be clearer these images could be smaller in both
physical and filesize terms and at the same time clearer to read.
Again, what window size were these images designed for?
The squeeze the text alongside them into a too narrow column at
800x600 http://www.childsupportanalysis.co.u...e_children.htm
As the graph is only ther to show the trend rather the precise numbers
involved, (if it is there to show the precise numbers then it has
failed,) I would make it smaller and tidier (anti-aliased fonts,
clearer x-axis labels, etc) and float it alongside the text. http://www.barry.pearson.name/photog...95_09_10_3.htm
At 74kb with quite poor resolution this fails on both the detail and
download time criteria.
From a photographic point of view I don't like the composition. Having
three main points in a line, but facing right, left, right just
doesn't work. In fact an enlargement of just the girl in red would
probably be what I'd take from this shot. I'd go for a larger image of
that portion of the picture, but try to keep the file size smaller
than it is at the moment.
Of the four examples given the last two were designed for 800x600
windows but the others don't seem to have been designed for any window
size. Are you sure you meant to post these particular URIs in support
of yoru argument?
No amount of denial in these NGs will alter the basic fact. The developer HAS to make the decision, and that decision should have a rational basis in order to be satisfactory to the viewers.
No one is denying that. They are denying that window size is a
predominant factor in that decision making process.
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/>
Steve Pugh wrote: "Barry Pearson" <ne**@childsupp ortanalysis.co. uk> wrote:
The point about this discussion is so simple that I'm surprised that there is debate. Maybe the point isn't as simple as you think.
Someone developing pixel-oriented material, JPEG, GIF, PNG, etc, has to decide how many pixels to have in the image
That is true.
So, how should the decision be made? Without considering the screen sizes available to view such images, and for photographs the network speeds, there is no reference point.
Wrong. The reference point is the image itself - the image must be large enough for all the detail the creator wants to convey to be apprarant. This must be balanced against the download time for the user. the creator must decide upon a compromise between download time and detail. Placing window size above either of those is going to lead to problems.
The amount of detail that is apparent depends on the viewing characteristics
of the user. For example, how many pixels per inch on their screen. Is their
monitor calibrated? Are they viewing in subdued lighting? With my target
photograph audience, they will often have pretty good monitors. For the child
support site, they often won't.
Any decision leads to problems. It is a matter of deciding what should take
priority. You say "download time". And that is ...? Once again, it s a matter
of trying to work out what my target audience uses. As it happens, some of the
most important people in my target audience have fast networks and top-end
screens. Below, there is some pixel-oriented material where I have had to make such a decision. It is arguable whether I made the right decision in each case. That can probably really only be judged by the viewer, who might say "on my screen that image requires horizontal scrolling", or "on my screen that image only occupies 10% of the screen and is insignificant ", or "that photograph takes half a minute to download on my connection and I would prefer a smaller version".
http://www.parliament.the-stationery...cmselect/cmsoc
sec/798/9091506.htm Yuck. Was this made in Word? I thought you used Photoshop? The image should be redone, as it is it needs to be larger in order to be clearer (detail) and at 7kb can afford to be so (download time).
(I use Powerpoint for diagrams). Indeed. That is what I thought when I did the
original (523 x 359 pixels, 8.6 KB), at: http://www.childsupportanalysis.co.u...se_study_1.htm
But Hansard decided I had got it wrong for their readers, so they reduced the
size to 434 x 299. Evidently I didn't study their requirements well enough. (I
don't know of any other coloured diagrams in Hansard, so I had nothing to go
on).
[snip]http://www.childsupportanalysis.co.u...c/wftc_case_st
udy_1.htm If redrawn to be clearer these images could be smaller in both physical and filesize terms and at the same time clearer to read.
I have a 1400 x 1050 117 ppi screen on my old laptop, and these images are
really too small for it. I know of people with much greater numbers of pixels
per inch who see them even smaller. I think bigger, not smaller, is the way to
go in future. But, of course, that is because you and I are viewing on
different physical screens with different characteristics .
This simply illustrates the dilemma faced by people who develop pixel-oriented
material. Material that I used to develop for VGA screens now looks wrong on
the majority of screens. But what choice did I have then? Hardly to ignore the
problem. No - I had to take into account the screen size at the time. In 5
years time I may examine typical network speeds and screens sizes and rework
some of the images, or at least develop new material to the new size.
Again, what window size were these images designed for? The squeeze the text alongside them into a too narrow column at 800x600
I used 800 x 600 when I was deciding on the size. I developed to a theme,
which meant accepting that some images were wider than others. (Rather than
resizing images and text to fit a narrow width). In the end, I feel they work
on 800 x 600, and don't squeeze the text too much. The sort of compromise that
people developing pixel-oriented images keep having to face. (They still work,
although far less well, on a 640 x 480 screen. But I chose to accept the
problems at 640 x 480 in order to get a bigger image on 800 x 600, often on a
poor quality screen).
[snip]http://www.barry.pearson.name/photog...95_09_10_3.htm
At 74kb with quite poor resolution this fails on both the detail and download time criteria.
I allow myself up to about 100KB for a 700 pixel wide photograph. It is, once
again, a compromise. (On that web site I put photographs there with 2 sizes,
and the smaller size is about 38KB). On broadband it downloads plenty fast
enough.
What does with "poor resolution" mean? Should it have more pixels? Isn't it
sharp enough at the current number of pixels? (Can you see the diagonal wire
grid on the gate behind the girl in black? Can you see a glimmering of hair
surrounding the head of the girl in red?
The pre-web version is 5302 x 2470 pixels, about 35 megabytes. Whatever I do,
detail will get lost. Since I can't satisfy everyone, I try to satisfy the
characteristics of my target audience, as far as I can find out. That, of
course, involves talking to them, and asking them on NGs. "Marketing" - it
hasn't gone away.
[snip] Of the four examples given the last two were designed for 800x600 windows but the others don't seem to have been designed for any window size. Are you sure you meant to post these particular URIs in support of yoru argument?
Yes. They illustrate the dilemma faced by developers of pixel-oriented
material. The first one shows how important it is to understand the audience -
Hansard reduced my image because I didn't study their requirements. I believe
all of them work (in their original form) on 800 x 600 screens. No amount of denial in these NGs will alter the basic fact. The developer HAS to make the decision, and that decision should have a rational basis in order to be satisfactory to the viewers.
No one is denying that. They are denying that window size is a predominant factor in that decision making process.
For pixel-oriented material, the screen characteristics are among the most
important factors. Available number of pixels, and the display in pixels per
inch, all have an impact.
--
Barry Pearson http://www.Barry.Pearson.name/photography/ http://www.BirdsAndAnimals.info/ http://www.ChildSupportAnalysis.co.uk/
Barry Pearson wrote: Until you see the need for a rational basis for making decisions about what size to make pixel-oriented material,
I already told you how I decided. You chose to argue that I couldn't
be right.
I see no point in continuing this discussion.
Bye.
--
Brian
follow the directions in my address to email me
On Tue, 14 Oct 2003 23:10:57 +0100, "Barry Pearson"
<ne**@childsupp ortanalysis.co. uk> wrote: Brian wrote: [a little editing goes a long way when posting replies on usenet]
I have edited every response I've made to what you have said!
Barry Pearson wrote: With images, you can't satisfactorily cater for any resolution. You eventually have to make some hard decisions.
**Still** refusing to distinguish between content and presentation, I see.
I am simply stating a fact. People developing inherently visual material, especially pixel-oriented material, design it with the target screen sizes in mind, if they have any sense.
If you or anyone here can pose an alternative, please do. There are vast numbers of photographers and others who need an answer. But we know what the current answer is - we design for target screen-occupancy, because we have to.
The decision about the size of the material in pixels CANNOT be ducked. Should this JPEG be 400 x 400 pixels? 600 x 400? 700 x 500? 1024 x 768?
Those decisions make a massive difference to the value of the web site, including whether or not scrolling is needed to see the image, the download time, whether you have to look hard to see an image occupying 10% of your screen, etc.
[snip] In the context of css, the easiest, most reliable way to design is for any resolution, any screen size. Textual content will adapt. Images will not. That is the nature of the beast. I don't design my photos to fit in a window size. I make the photo first, then make it available on the www. [snip]
When you prepare your photographs for the web, you SHOULD do it for a particular window size. Oh ... I forgot. You have said you are not a photographer . Enough said!
I hope you'll allow me a little extra leeway here since I'm going off
the newsgroup subject area (CSS and HTML), but my remarks are germane
to the issue. The problem of getting multiple columns of text in the
viewport (that prompted me to start this thread) has led me to decide
on using Flash as my main medium. I think Flash will do what CSS is
too immature to yet do. Now, when CSS "catches up", it will surpass
Flash because of its huge potential in separating content from
presentation. It will make a snap out of all the tedious coding I'm
now doing in Flash ActionScript. But to speak to your photo
resolution dilemma, right now today, if you were to use Flash, you'd
know at every moment the height and width of the viewer's browser
window. So you could either just download the image that best fits
their screen or let the Flash player scale whatever size image you
use. Either way, you fill up the screen --if that's what you want--
from a Palm to the widest Apple. I'm not knocking CSS (completely)
here, but I am telling it to get a move on!
Dennis 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: 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...
|
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: conductexam |
last post by:
I have .net C# application in which I am extracting data from word file and save it in database particularly. To store word all data as it is I am converting the whole word file firstly in HTML and then checking html paragraph one by one.
At the time of converting from word file to html my equations which are in the word document file was convert into image.
Globals.ThisAddIn.Application.ActiveDocument.Select();...
|
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.
| |