Text wraps in Browser

[Guest]

Just made my first web page but text wraps around when I view less than full
screen. How do I stop this, please ?

 

[P@tty Ayers]

Just made my first web page but text wraps around when I view less than
full
screen. How do I stop this, please ?

It would help to see the page. What you describe is how HTML normally works,
but there are ways around it.

 

[Guest]

Hi P@tty Ayers
Thanks for your quick response. My website is for my band (in UK), if you'd
like a look.

http://uk.geocities.com/[email protected]/

My first attempt at website, done in FrontPage. I have found it all very
simple to use, but to be honest, I done speak HTML really.
Most sites I see don't have this effect where text "returns" or wraps, when
you resize the browser window. Would be really greatful for some help.

 

[P@tty Ayers]

Hm.. I can't see the text easily, because the image (photo of band) is on
top of it, in both IE7 and Firefox. That's not what you intend, is it?

But re. the text: you want it *not* to wrap, but rather to extend in one
long line horizontally, so that the user has to scroll a long way to the
right to read all of it? That doesn't make sense to me, but maybe you have a
reason. Can you explain what you want it to do?

 

[Guest]

I'm new to this and must be missing something, sorry.
When I view the page on line it looks fine when maximised on the screen.
(and on another PC too). But when I resize the IE explorer window to a
smaller size (so I can see my desktop behind it) then the web page text
changes to fit in that window size.

I don't see this on other sites. In a smaller window, they just show less of
the text width and you then scroll across to read a full width sentence . Do
you see what I mean ?

 

[P@tty Ayers]

I'm new to this and must be missing something, sorry.
When I view the page on line it looks fine when maximised on the screen.
(and on another PC too). But when I resize the IE explorer window to a
smaller size (so I can see my desktop behind it) then the web page text
changes to fit in that window size.

I don't see this on other sites. In a smaller window, they just show less
of
the text width and you then scroll across to read a full width sentence .
Do
you see what I mean ?

Ok, I do understand what you mean now. But what's confusing to me is that
what you describe above - what you see on other sites - is normally thought
of as a problem, as something that an amateur would do because he didn't
know better. Why would you want people to have to scroll horizontally?
Usually people find that to be inconvenient and annoying.

I'm guessing that you're trying to lay the page out so that the photo
doesn't overlap the text, but I'm afraid you're on the wrong track with
that, because the photo is placed in such a way (positioned absolutely) that
it will be in front of the text for many people, regardless of whether you
have those lines of text wrap or not.

Also, it sounds like you're viewing your web page on a pretty
high-resolution monitor, with the browser window maximized. You shouldn't
assume that most people are seeing what you're seeing; the most common
monitor res. these days is 1024 x 768, and people often *don't* maximize the
browser window.

This is what I see when I visit your site with Internet Explorer 7:
http://www.thepattysite.com/temp-screenshot.gif . If your audience will be
average computer users, most of them will see the page looking something
like that.

Here's a page to help you size your browser to see what most people are
seeing when they view your site:
http://www.thepattysite.com/temp-browser-sizer.htm

I realize that I haven't answered your original question, but maybe you can
see why. If you *really* just want your text line not to break, this will
work:

<nobr>Here's a line of text that I want not to break at all, no matter
what.</nobr>

 

[Guest]

Thanks, I think I understand, the <nobr>.......</nobr> works ok.
If I view at 800 by 600 then should I make the page look ok at this res ?
Then it looks empty on the right hand side at 1024 by 768.
I see sites that seem to resize automatically, but perhaps I'm hoping for
too much for my first attempt.
Thanks so much for your help.

 

[P@tty Ayers]

Thanks, I think I understand, the <nobr>.......</nobr> works ok.
If I view at 800 by 600 then should I make the page look ok at this res ?
Then it looks empty on the right hand side at 1024 by 768.
I see sites that seem to resize automatically, but perhaps I'm hoping for
too much for my first attempt.
Thanks so much for your help.

It's a judgment call - you have to decide for yourself what "audience" you
want to cater to the most, and how best to do it. I prefer fixed-width
sites, and I'm currently designing them to look best at 1024 x 768. If you
center the content, then it doesn't look so funny at larger browser window
sizes.

It's a lot to learn - take it slow..

 

[Guest]

I think you've given me some ideas, thanks Patty.
I'll get the hang of it.

 

[P@tty Ayers]

I think you've given me some ideas, thanks Patty.
I'll get the hang of it.

You're very welcome.