On your header:

You have the header as a background image in your CSS and you have a text header in your Main Index Template. The text in your header has [text-indent: -2400px;] in your CSS. Personally, I would put your image file in the HTML to display, and then control the placement with CSS.

On a 3 column design:

In the sidebar, there is a list of help posts and helpful sites. The one you need is MuNuby Help - CSS Templates Or if those don't help, this one certainly will.

In your Main Index Template, you'll have to set up the third column with whatever the div ID in your CSS. If you have any problems, let me know.

I had more difficulty tryin' to get any consistency in a 3-column blog without some use of usin' HTML tablin'. Every three column blog .css template I tried would move all over the place, on occasion, if there was somethin' too long to fit, here and there.

Just my say, of course. I am not on the top of the game, but I think my blog looks pretty good, almost everythin' on it was done by me, includin' the creation of all the background graphics.

Personally, I would put your image file in the HTML to display, and then control the placement with CSS.

That tells me what you would do, but not how to do it. Does that mean, put the image in the Main Index? Where? What div class controls the placement of the image, if I put it in the HTML, wherever that may be?

As for the 3 column...I looked at all of those sites you recommended before even posting here...and many, many more, which is why the title is as such. I am simply keeping it at 2 out of pure frustration. If I want to try again in the future, I'll be prepared with a six pack.

Time to go play some XBOX Live to get my mind of this. LOL

To put your image file in the HTML in your Main Index Template...

[from previous instructions given in a private e-mail]

Do you already have am image?

If so, upload it via your MT interface. Select "Embedded image" and copy the text in the output box... don't close the window yet...

In your Main Index template, look for the section that says this:

<div id="banner">
<h1>
<a href="<$MTBlogURL$>" accesskey="1">
::::This tag you will modify::::
<$MTBlogName$>
::::::::::::::::::::::::::::::::
</a>
</h1>
<span class="description">
<$MTBlogDescription$>
</span>
</div>

Replace the <$MTBlogName$> tag with info from the upload image window.

Below is a sample of what it should look like.

<div id="banner">
<h1>
<a href="<$MTBlogURL$>" accesskey="1">
<img alt="likely6.jpg" src="http://likethelanguage.mu.nu/archives/images/likely6.jpg" width="756" height="251" border="0" />
</a>
</h1>
<span class="description">
<$MTBlogDescription$>
</span>
</div>

In the CSS, you can control the placement of the banner image at #banner with the margins and paddings. If you just want to center the image in your page, I would add align="center" after div ID="banner" in your Main Index Template.