WordPress.org

Ready to get started?Download WordPress

Forums

Formatting Filed Under: Category (13 posts)

  1. Impulz
    Member
    Posted 10 years ago #

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

  2. southerngal
    Member
    Posted 10 years ago #

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

  3. Michael Heilemann
    Member
    Posted 10 years ago #

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

  4. Michael Heilemann
    Member
    Posted 10 years ago #

    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;
    }

  5. Matt Mullenweg
    Troublemaker
    Posted 10 years ago #

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

  6. lars
    Member
    Posted 10 years ago #

    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.

  7. Matt Mullenweg
    Troublemaker
    Posted 10 years ago #

    Lars' way is highly recommended.

  8. mamabean
    Member
    Posted 10 years ago #

    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!

  9. Jaykul
    Member
    Posted 10 years ago #

    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.

  10. Matt Mullenweg
    Troublemaker
    Posted 10 years ago #

    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.

  11. Anonymous
    Unregistered
    Posted 10 years ago #

    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?

  12. lars
    Member
    Posted 10 years ago #

    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.

  13. southerngal
    Member
    Posted 10 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.