I am pulling my hair out trying to fix this issue. Will pay $5 for the one who would post a fix... Problem:Look at the bottom of this page - http://bit.ly/7o8zwl In the comment section, I want the comment to appear next to the avatar. I "floated" one to the left and one to the right but still nothing. I will NOT accept these solutions: Table, Absolute position. First WORKING reply wins $5 via Paypal. PS. To avoid confusion, please reply. NO PMs. Thanks.
@hw26 - Not going to post a 1000 line css file. Posted a link. All is accessible from there. In fact, with the right tools you can fix it on the run and make sure your code works. That said, thank you for showing interest in my contest...
edit: sorry, the problem is withen your div class comment-author. it is having a width too high. change it to width 80, should fix. <div class="comment-author"> <img alt='' src='http://www.gravatar.com/avatar/801d3795a345be5964b0802d6388c3b1?s=80&d=%3Cpath_to_url%3E&r=G' class='avatar avatar-80 photo' height='80' width='80' /> <p><cite>admin</cite></p> </div> <div class="comment_text_container"> and you might give that comment-author float to the left
Looking at the comment-author, it already has float left and width 80px. Am I looking in the wrong place? ul.commentlist li .comment_author { color: #999; font-size: 0.83em; float: left; padding: 0 20px 0 0; width: 80px; }