Okay, this is going to be a long question. But I'll cut to the chase, in case it's an easy one.

I have three blogs on one page. I'm using PHP. One blog occupies the entire left column. The other two are in the right column.  Check it out

My questions are:

1. Can I tell MT to put a fixed amount of space between entries? Specifically, I'd like less space in between entries in the right column?

2. Why do my divs flow into one another when I have MT tags in them?

Okay, so here are the details:

The left-column blog is the main blog, and the right column contains PHP includes (?) ...



Both right-column blogs the same index structure, so here's the code of where they're coming from:



And the styles, which are in the header of the index.



The styles in effect on the main blog page are:



If I should include any more code, let me know, but hopefully this will be enough to start chipping away.

Thanks,

Doug

I'll have to leave the CSS to the experts (Kristine?) but I will give you this advice:

On the files that you're including, make sure that only the primary file has the head tags:



You've got multiple doctype declarations, HTML, head, meta, and title tags scattered through there, which are not only messy, but may cause some problems display-wise.

And of course, clean up the corresponding closing tags too.

Definitely check out Girlie's suggestions.  You'll also want to combine all of the styles into the head of the main blog instead of having them spread out in the sections.

1. Fixed amount of space - so you want more space between the items here?:


You can set the paragraph for that like this:

That will tell the browsers that any P tags inside of lilcontain classes will get more padding.  Increase or decrease that padding amount as you like

2.  I'm not sure I know what you are seeing - which divs are flowing together on your screen?

Post back and I'll help more!!
Kristine

girlie and kadyellebee,

Thanks for your help. As you can probably tell, I'm learning simultaneously about CSS, PHP, and HTML, so I'm doing a fair amount of fumbling around in the dark.

So, when I cleaned up the div tags and the styles, I noticed that there are quite a few things that may or may not be affecting the appearance of the divs in the right column.

I'm going to try to sort it all out this evening, and I'll post again if I have any more specific questions.

Thanks.

Doug

Okay, here's a clarification of my previous question:

How do I make the MTEntries appear closer together?

See the "literary accessories" on the right. I'd like them to have 5px of space between each entry. Have a look.

The code is all above in my first post.

Secondly, is there a way to auto-number entries? There must be.

Thanks again,

Doug

1.  There's several ways to go about setting a fixed width around your items in the sidebar.  

I think that instead of this code:
I modified your posted code to show the change from span to div for your item class that is showing up in your source now

You might want to use this instead:

That will turn off the P tags around your entries, which are adding extra padding, and since you have one line info, its easier to just turn them off than use workarounds in the stylesheet to take it out.
and then change your stylesheet .item class like this:

That should give 5px of space below each item.


2.  Your numbers are automatically numbered in the order that you post.  You could use to display the entry number or the padded entry number (56 vs. 000056)

Hope that helps!
Kristine

Kristine!

Maybe 20% of my knowledge of CSS has come from the helpful responses you've given to people in this forum. Thanks!

Doug

I'm always glad to help - and my css knowledge is one of my fav things, so sharing it makes sense!!!!

Kristine