Okay, so.. recently I've gotten into making web pages, and I really like it a lot. What I don't really like a lot is how confusing HTML can be.

I have the basic coding down for the page I'm working on except how to turn certain places into text areas. This is what I'm working on --

http://www.eccentrix.com/members/paperghost/DOTA/dota.html

I want to turn to two large gray images into text areas, to put it simply. I've tried CSS but no matter what I did, changing one kept overriding the other. Is there anyway I can make them both seperate text areas? As in, to place text on them, and have scroll bars if necessary..

I don't know how else to explain it.. help? ):

Do you mean making a blog? Here's a quick example, you can also google most questions :) It's basically how I survive...the more complicated questions take sometime, but mostly it's quicker than waiting for a response on here.

<div style="width:200; height:100; overflow: auto; background-image:url(backgroundimage); border-color:; border-style: solid;"> Your text would go here.<p> Some other attributes to make your text box prettier are: <br> border-top-width, border-right-width, border-bottom-width, border-left-width, scrollbar-face-color, scrollbar-highlight-color, scrollbar-shadow-color, scrollbar-3dlight-color, scrollbar-arrow-color, scrollbar-track-color, scrollbar-darkshadow-color, scrollbar-base-color<br> make sure you follow the format of the examples, attribute name: value; </div>

[EDIT] I googled your question, and I found this page. It looks like it's exactly what you want. It's a slightly different way of putting together a blog, but it allows you to do two text areas, which is what it looks like you need?

http://www.coolcherrycream.com/spiders/coding/blog-coding/