Sizes?

I don't know of a way to make a border out of an image, but you can fake it w/ nested divs, the outer one w/ the background image and the inner one w/ a solid background color and a wee bit smaller.

CSS:

Code:

---

#div1{
  width: 250;
  background: url(image.gif);
}
#div2{
  width: 240;
  position: relative;
  margin: auto auto;
}

---

HTML Code:

---

<div id="div1">
  <div id="div2">all the cool stuff you want to tell people</div>
</div>

---

I guess I mis-read the post ...

Quote:

---

Yes, adjust the widths for the <div> sections as defined ...
And add a border to whatever <div> section you want.

That's the whole point of having the .css file. It's there for you
to define whatever things you want for each section.

You might want to search Google for a tutorial, as the changes you
want you need to make yourself ... to get it exactly the sizes and
border colors you desire.

---

I just need to know the code on how to change the widht of the center area where all my text is....

#center {
background-color: #ffffff;
font-family: Verdana, "MS Sans Serif", Geneva, sans-serif;
font-weight: normal;
padding: 0px 20px 0px 20px;
width: 400px;
font-size: 10pt;
color: #000000;
border-right: 1px solid #f7d794;
border-left: 1px solid #f7d794;
text-align: justify;
float: left;
}

You can make it bigger. If the 3 widths (center-left, center, center-right) exceed
the maximum width of your page, it will shift the sections, so if you make the number
400 too much larger, make the other sections smaller to make-up for the difference.
... and you can adjust padding and all that.
The padding values go like this:
padding: top right bottom left;
so, it's currently set as:
padding: 0px 20px 0px 20px;

Ohh thankyou! I woulda never found that without your help (im a bad proofreader =\ ) thankyou soo much =]