The MU forums have moved to WordPress.org

css distress: display plugin output horizontally. (9 posts)

  1. demonicume
    Member
    Posted 14 years ago #

    i'm modding (mauling) a theme. i'm trying to display the results of a 'list recent posts' plugin horizontally. i figured it'd be as simple as wrapping the plugin output in a list like 'echo '<li class="flo">';' and then use the magic of css to display 2 or 3 columns. i.e.
    'li.flo {
    width: 15em; /* width is changed */
    margin: 0;
    padding: 0;
    list-style: none;
    display:inline
    }'

    its not working. any ideas. check my testsite to see what i mean.

    ==edit== i want to display the recent posts in a width defined, 2 column list. i'm about to try tables (pray for me)

  2. andrea_r
    Moderator
    Posted 14 years ago #

    Then you're more looking for CSS columns, not horizontal. :) This will help a LOT:
    http://www.communitymx.com/content/article.cfm?cid=27f87

    Happy reading. I'd say don't pull your hair out, but well.... ;P

  3. demonicume
    Member
    Posted 14 years ago #

    ok tech-lady (Andrea_R), 3 thangs:

    1)i got it to work, thanks for the link. i'd seen it and tried before and given up. your pointing to it gave me the confidence to try it again. //touchy feely moment

    2)since i'm mauling a hack of your plugin, i'd appreciate any further guidance you might wanna give out.

    3)i've been bald on purpose since like 1989. though if i had any hair to pull out, i'd be all over my desktop.

    thanks.

  4. demonicume
    Member
    Posted 14 years ago #

    The HTML:
    '

    • Plugin output
    • Plugin output
    • Plugin output
    • Plugin output
    • Plugin output

    The CSS:
    ul {
    float: left;
    width: 12em;
    margin: 0;
    padding: 0;
    list-style: none;
    }

    ol.flo{
    float: left;
    width: 22em;
    margin: 0px 0px 0px 20px;
    padding: 0;
    list-style: none;
    }'

    The plugin output isn't being divied up evenly between the 2 columns. the current look outputs 6 in one column, 10 in the other.

    Ideas?

  5. andrea_r
    Moderator
    Posted 14 years ago #

    Why you using ul *and* ol?
    UL not showing up in the page render either.
    Should those ols be lis? :)

    And what up with that avatar and the shirtless wonder with the 8-pack?

  6. demonicume
    Member
    Posted 14 years ago #

    And what up with that avatar and the shirtless wonder with the 8-pack?

    my brother. he really loves himself. i can't wait till he turns 30 and gets all fluffy like i did. LOL.

    UL not showing up in the page render either
    grrr. I've been messing with this on and off for months.

  7. andrea_r
    Moderator
    Posted 14 years ago #

    What is it with little brothers? Sometimes I want to smack mine upside the head. And he's a foot taller than I am.

    Anyway.

    Page render says:

    <div class="recentposts">
    <li class="flo">recent posts...

    there be the issue. I'd stick a ul right under that div, see what happens.

  8. demonicume
    Member
    Posted 14 years ago #

    he thinks he looks like some R&B singer. I have a picture of him taking a picture of himself taking a picture of himself. that's right, nested photography - 3 cameras.

    I've never gotten this 2 column thing to work properly. The plugin wraps each post in li tags. I need a way to display an even amount of posts in each column. maybe there's a way via php to tell the plugin to display the first 10 posts and then break into a new column.

    or could i make it populate a 2X10 table?

  9. andrea_r
    Moderator
    Posted 14 years ago #

    Looked just now. The 5th one is floating left and hitting the bottom right side of the 3rd one which forces it to stay in the right column.

    Mr. A

About this Topic

  • Started 14 years ago by demonicume
  • Latest reply from andrea_r