May 24, 2004

too much time already

I've spent way too much time looking for directions on how to make my blog a 3-column. I'd be happy to send anyone my stylesheet if you can quickly help me out. I would like my main content to be no more narrow than it already is, and I believe that should allow for having another column to the right at 200px.

Also, apparently my header is not visible on Mozilla. If you can tell me why, by looking at my stylesheet, I'd appreciate that as well.


Posted by Auterrific at May 24, 2004 01:44 PM

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.

Posted by Madfish Willie at May 24, 2004 06:30 PM

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.

Posted by Tiger at May 24, 2004 07:17 PM

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.

Posted by Linda at May 25, 2004 02:22 AM

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

Posted by Linda at May 25, 2004 02:23 AM

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">
<a href="<$MTBlogURL$>" accesskey="1">
::::This tag you will modify::::
<span class="description">

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

Below is a sample of what it should look like.

<div id="banner">
<a href="<$MTBlogURL$>" accesskey="1">
<img alt="likely6.jpg" src="" width="756" height="251" border="0" />
<span class="description">

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.

Posted by Madfish Willie at May 25, 2004 02:41 AM
Live Comment Preview
Post a comment

Remember personal info?