PDA

View Full Version : Keeping text inside a DIV code.



Maginly
Feb 27th, 2010, 02:33 PM
http://hamptonarts.webs.com/lies.htm

Thats my website name.
I'm using Firefox

I'm trying to keep my text inside the sketchbook image. I'm not quite sure what I'm doing wrong.

Go nicely, I've just started using HTML:thumbsup:

Excavator
Feb 27th, 2010, 03:10 PM
Hello Maginly,
I won't be much help since you're using tables. Did you know tables are not for layout (http://webdesign.about.com/od/layout/a/aa111102a.htm)?

Two divs could easily be sized to fit in your image and any overflow, like what you have going outside the image, could be set to scroll.

For a demo using divs, have a look at a simple 2 column layout (http://nopeople.com/CSS/simple_2-column/index.html). That could be adapted to fit your sketchbook background image.
Your background image could also be modified to expand with content, instead of being limited to it's 1,000px height. With a little work in photoshop, a middle slice that could be made that would repeat on the Y axis and eliminate the need for a scrollbar.
You could also adapt that image to work in this method (http://nopeople.com/CSS/slider/index.html) as well (view the source to see how that's done).

Even if you decide to stick with tables, you still need a DocType. Have a look at the links in my signature line, there is one about Doctypes and two about validating. They will help you.
I would recomend you use HTML 4.01 Strict for a DocType.

Maginly
Feb 27th, 2010, 03:13 PM
Hello Maginly,
I won't be much help since you're using tables. Did you know tables are not for layout (http://webdesign.about.com/od/layout/a/aa111102a.htm)?

Two divs could easily be sized to fit in your image and any overflow, like what you have going outside the image, could be set to scroll.

For a demo using divs, have a look at a simple 2 column layout (http://nopeople.com/CSS/simple_2-column/index.html). That could be adapted to fit your sketchbook background image.
Your background image could also be modified to expand with content, instead of being limited to it's 1,000px height. With a little work in photoshop, a middle slice that could be made that would repeat on the Y axis and eliminate the need for a scrollbar.
You could also adapt that image to work in this method (http://nopeople.com/CSS/slider/index.html) as well (view the source to see how that's done).

Even if you decide to stick with tables, you still need a DocType. Have a look at the links in my signature line, there is one about Doctypes and two about validating. They will help you.
I would recomend you use HTML 4.01 Strict for a DocType.

The left coloumn and right column is a good idea and that would work so much better.

But after that I had no idea what you was talking about unfortuantly. I have no idea what a DocType is or 4.01 strict is?

Excavator
Feb 27th, 2010, 03:18 PM
"Have a look at the links in my signature line, there is one about Doctypes ..."