Help - Search - Members - Calendar
Full Version: Text continuing down the page
HTMLHelp Forums > Web Authoring > Markup (HTML, XHTML, XML)
Kenny
Hello,

I'm not sure if this is possible, but I was wondering if there was any way if the text on the layout below could just keep going down the page. I currently use iframes, and I think I'll have to use something different this time.

http://img66.imageshack.us/img66/4836/site7im2.jpg

It's probably possible with CSS, but I have no experience with it...Any help would be appreciated.
Darin McGrew
If I understand your question, then you'll need a repeating background image for the "text on the layout". And it would be better if you didn't use frames.

But a picture of a web page isn't the same as an actual web page. Can you post the URL (address) of a real page so we can see what you're doing?
Kenny
I haven't coded this design yet.

It's very similar then what I have at http://philiphughes.net/tos.html

Except I don't want that background image to repeat like that...I just want the text to keep coming into view. I know it's confusing, but I'm trying to explain it as best as possible.

Any coding advice other than frames would be awesome...I don't like how they work, but it's the only way I know how to code these types of layouts.

Thanks guys
Darin McGrew
You wouldn't have the whole background image repeat. You'd just have part of it repeat, the part where the text can extend below the "main" layout at the top.
Kenny
Ok...So what is the code that I will be looking to use here?

Like I said, I have no experience with CSS...any type of "lesson" so to speak would be appreciative...

Thanks
Kenny
Well, I figured this out myself...Just for reference, this is the code I used

CODE
<STYLE TYPE="text/css">
BODY {background-image: url(background.gif); background-repeat: no-repeat; background-position: 200px 200px; background-attachment: fixed; }
</STYLE>
pandy
QUOTE(Kenny @ Oct 21 2007, 05:09 PM) *


It's very similar then what I have at http://philiphughes.net/tos.html

Except I don't want that background image to repeat like that...I just want the text to keep coming into view. I know it's confusing, but I'm trying to explain it as best as possible.

It doesn't repeat that I can see.

You need to read up about the 'overflow' property and also about what you can do with backgrounds. It looks like that page in addition to a non repeating background also uses 'background-attachment: fixed'.

http://www.w3.org/TR/CSS2/visufx.html#propdef-overflow
http://www.w3.org/TR/CSS2/colors.html#q2

If you need a CSS primer...
http://htmlhelp.com/reference/css/

This is a "lo-fi" version of our main content. To view the full version with more information, formatting and images, please click here.
Invision Power Board © 2001-2010 Invision Power Services, Inc.