[css-d] forums similar to WP

[Scot Schlinger]

Hey All,

I am trying to deconstruct how the wordpress forums are put together.  They
are using an ordered list with list items and putting a couple of divs in
there and floating.

http://wordpress.org/support/topic/installation-49?replies=3 (you might need
to login to see  better)

For the left side, which contains the information about the user, they just
have:

<div class="threadauthor col-3">
    <p>
        <img alt="" src="
http://www.gravatar.com/avatar/c613b1d98ae75c57c71da02ddb371eee?s=48&amp;d=monsterid&amp;r=g";
class="photo avatar avatar-48" style="height:48px; width:48px;"
/><strong>Ricckk1959</strong><br />
        <small><span class="authortitle"><a href="
http://wordpress.org/support/profile/ricckk1959";>Member</a></span><br />
        Posted 4 hours ago <a href="#post-2173523">#</a> </small>
    </p>
</div>

I followed the css and tried to generically duplicate on my own site:
http://www.twobeerdudes.com/forum/st/2/1 but can't get things to line up
under each other.  I am obviously missing something but don't see it.  I am
attaching the css.  If I haven't included enough let me know and I will
add.  I have also attached the code sniplet for the ordered list off of my
site.

Sorry if this question shouldn't be asked here.

Cheers,
Scot

#show_thread {
    list-style: none outside none;
}

.post_item {
    margin-bottom: 1.6em;
    border-bottom: 1px solid #005508;
    float: left;
}

.thread_author {
    width: 212px;
    float: left;
    line-height: 3.4em;
}

.thread_content {
    width: 433px;
    float: left;
}

.thread_author p.user_p {
    margin-bottom: 2.0em;
    font-size: 80%;
}

.thread_author .avatar {
    margin-right: 0.6em;
    float: left;
}
<ol id="show_thread">
            
                    <li class="post_item">

                        <div class="thread_author">
                            <p class="user_p">
                                <img class="avatar" 
src="http://www.twobeerdudes.com/images/avatars/scot_1.jpg"; style="width: 50px; 
height: 50px;" />
                                <span class="bold">scot</span>
                                <span>more than 1 day ago</span>
                            </p>
                        </div>
                        <div class="thread_content">He is such a nice boy.</div>

                    </li>
                
                    <li class="post_item">
                        <div class="thread_author">
                            <p class="user_p">
                                <img class="avatar" 
src="http://www.twobeerdudes.com/images/avatars/scot_1.jpg"; style="width: 50px; 
height: 50px;" />
                                <span class="bold">scot</span>
                                <span>more than 1 day ago</span>
                            </p>

                        </div>
                        <div class="thread_content">This is a reply.</div>
                    </li>
                
                </ol>
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/