Formatting Filed Under: Category

You should be able to align them using display: inline.
A nice tutorial can be found at https://css.maxdesign.com.au/floatutorial/tutorial0601.htm

I answered you on your blog, mamabean, or just email me. ??

What is your blog mamabean? I need to know that as well ??

Ah, found out how to do it. In you CSS:
.post-categories, .post-categories li {
list-style-type: none;
display: inline;
padding: 0px;
margin: 0px;
}

mamabean, you can also do the_category(',') to have it output a plain list of the categories seperated by commas.

mamabean, if you decide to keep the list, which I think is a rather nice feature, you can use generated content to separate the list items, such as this:
<pre>
.post-categories li:after {content:’,’;}
</pre>
Note that this will place the content after the last item as well. There is a way to target the last item separately (last child), but I have momentarily forgotten the syntax.
Also note that Internet Explorer doesn’t handle generated content.

Lars’ way is highly recommended.

Ooo thanks everyone! For now at least, I used the the_category (‘,’) Worked perfectly!
Sorry for the lack of a url… I didn’t realize I hadn’t put that in my profile. Just added it. ??
Thanks again!

on the contrary, lars’ way (although technically correct, and quite pretty) is NOT recommended, because probably less than 5% of your readers can see the content. ??
But I must say, semantically speaking, the list items are a nice touch.

Jaykul, they see the content, they don’t see a comma. On my site I seperate the categories with a thick line. On another site I saw the categories were just lined up with one another. The list markup provides a lot of flexibility regarding what you do with the categories.

I have an issue with this section of the template as well. I don’t mind the list for multiple category posts at all, and I would have to agree with Jaykul that it’s a nice touch. However, I do think that for single-category post, it just takes up to much screen real estate. (not a problem on my 19″beast but that would be the exception, not the rule)
I’ve been playing with the code between the <div class=”meta”> tags for the better part of an hour to try and get it all on one line like:
Filed under: News by Syntax @ 4:37 pm
I’ve checked all I can think of to check in the CSS and I’m not totally sure where to look in the template-functions file. Anyone care to assist?

This is what I use:
<pre>
.meta ul {display:inline; margin:0; padding:0; list-style:none;}
.meta ul li {display:inline;}
</pre>
I think the default css has the exact same styles.

I put mine in a drop-down box. *LOL* ?? Thanks for the comma though, I used that on my blog posts.