Sidebar Images in Kubrick

I’m getting a suspended account page?

EDIT: Ignore that, I clicked on the wrong site :$

I doubt this is the problem, but you haven’t closed the image tags. That’s the only irregularity I can fnd, anyway (though it should be admitted that it IS one in the morning…*yawn*)

Hmmm I’m not sure what you mean by closing the image tag.

I think I’m all set now, in IE atleast. I added a small spacer image.

Image tags should end /> now not just > all single tags should be like that <hr/>, <br/> etc. it tells the browser not to expect a </img> .

try taking out the align=”left” statement. that’s more than likely what’s doing it. putting a
after the image tag might do it as well if that doesn’t work.

And for what it’s worth from this Firefox user, I’m seeing the text a little different than what you describe. It appears just below the top of the image and to the right of it.

Thanks for the help guys, I’m starting to get this working. So right now it looks perfect in IE, but I’m still having some trouble in Firefox. If you go to https://www.jasonbarrow.com you will see that my “The List” section under my moblog pic is messed up. I don’t have Firefox myself, so I can’t explain exactly what it looks like.

Here’s what I’ve done so far for people who have this problem. The first problem was that in Firefox, my sidebar images were being pushed down to the bottom. I went into my wp-layout.css and took out the line clear: both; which was under my sidebar img settings. This then gave me a problem where text was going to the right of my image in IE. I solved this in IE by adding a spacer image, not I have a problem in Firefox. Ideas are welcome!

I suggest you download Firefox; it might save you some time to see what’s happening firsthand. Whatever changes you made, the problem that I’m seeing still exists. I’ve already done a Ctrl-F5 to reload the page, but it’s still showing like I described earlier.

Grr. I hate IE with a passion. Makes web development that much more difficult! Trash your IE browsers I say!

Definitely grab Firefox, but for a good reason, not the old “anything but IE” argument ??

The real reason to develop websites using Firefox (or Mozilla, or any Gecko-based browser) is for the standards support. It ain’t perfect, but since all the popular browsers (include IE) are headed towards standards-compliance, it’s definitely the way to go.

In other words, it’s far easier (and generally way faster) to develop your site to work in Firefox (or equivalent) and *then* hack your way around IE’s rendering bugs, than to code for IE (very non-standard in parts) and un-hack your way into the other browsers.

Besides that, having used Firefox since version 0.7 (when it was still known as Phoenix), and having some mighty XHTML/CSS geekiness within me, I can honestly recommend Firefox to everyone – except people like my sister who’s school email system refuses to work with anything except IE.

What I do that works in IE and Firefox is to create a new class in the CSS file that has a background attribute of theURL of the image. The class also needs to contain the height of the image. Then in the ‘sidebar.php’ file I bring up the image by placing the div tag of the appropriate image. For example:

In the file style.css, I added:
.sidebardivider {
background: url(images/sidebardivider.gif) no-repeat center;
height: 20px;
}

Then, in the file sidebar.php, I added:
<div class="sidebardivider">&nbsp;</div>

You need to have the non-breaking space ( ) between the div tags in order for your site to be valid XHTML 1.0 Transitional code. I have done this for each of my blog’s dividers: between dates, entries on the same date, sidebar sections and comments. The end result is what you see at my site: https://www.benched42.net/blog/

billh,
Is there a plugin for adding images anywhere on your blog?
Example: If i want an image in a post. Just drop it in.
: If i want an image in the sidebar. Just drop it in.
: If i want an image in my header. Just drop it in.
: If i want different text or an image between every post. Just drop it in.

I know that this can be done with hacks, but my problem is, what page do i edit? where do i edit?what do i edit?
This stuff is very new to me and i really don’t have a grip on the basics. mainly because all the help files are written towards somebody that already knows what they are doing.
Can any one help me?