471,598 Members | 1,378 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 471,598 software developers and data experts.

Window size ramifications

JG
I notice when I resize my webpage it adjusts the line returns
so that all of the text is still shown. While this is great for a text only
webpage, it causes undesirable results for a page with photos
inserted at various places with text wrapping.
Is there any way to have the webpage clip everything upon resize
so that it does not show rather than the latter?
Nov 12 '07 #1
3 1592
rf

"JG" <NoMail@NoSpamwrote in message news:fh*********@news1.newsguy.com...
>I notice when I resize my webpage it adjusts the line returns
so that all of the text is still shown. While this is great for a text
only
webpage, it causes undesirable results for a page with photos
inserted at various places with text wrapping.
Is there any way to have the webpage clip everything upon resize
so that it does not show rather than the latter?
You mean you want to hide the content from your viewers?

--
Richard.
Nov 12 '07 #2
On 11/11/2007 5:39 PM, JG wrote:
I notice when I resize my webpage it adjusts the line returns
so that all of the text is still shown. While this is great for a text only
webpage, it causes undesirable results for a page with photos
inserted at various places with text wrapping.
Is there any way to have the webpage clip everything upon resize
so that it does not show rather than the latter?

Please don't do that! You don't know what size windows are being used
by visitors to your Web page. You don't know whether they are using a
full-screen browser window or a part-screen window (what Micro$oft calls
a "normal" window). You don't know what screen resolutions are being
used. You don't know if visitors have a 15-inch monitor, a 21-inch
monitor, or an iPhone.

Graphic content might have fixed heights and widths, but text content
should adapt to whatever window the visitor chooses to use.

--
David E. Ross
<http://www.rossde.com/>

Natural foods can be harmful: Look at all the
people who die of natural causes.
Nov 12 '07 #3
On 12 Nov, 01:39, "JG" <NoMail@NoSpamwrote:
I notice when I resize my webpage it adjusts the line returns
so that all of the text is still shown. While this is great for a text only
webpage, it causes undesirable results for a page with photos
inserted at various places with text wrapping.
Yes, this isn't desirable. The fix though isn't to clip things, or to
stop text flowing, it's to control _how_ things flow. In particular,
you probably have a number of "sections" of text and a number of
related images. Provided that each block remains nearby to the
relevant image, the page still "works". However treating all the text
as one very long block and flowing it in a single unit past all the
images certainly won't.

In the simplest way, just use containment. Place each "section" of
text (possibly many paragraphs) inside a separate <divand place the
<imgin there too.

Another way is to use floats. Place each <imginside a <div>
container (possibly with a line of caption text too) and float them.
The place the text inside a single sequence of <pelements and allow
it to flow round the images. To keep things synchronised, use <hr>
elements with the clear property set, interspersed with the <pas
needed. By appropriate use of clear and putting the <hrat the right
places between the <p>, you can synchronise images and text.
http://brainjar.com/css/positioning/ is a good background tutorial.

Nov 12 '07 #4

This discussion thread is closed

Replies have been disabled for this discussion.

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.