I am currently in the process of developing a forum and bulletin board software. I am facing some challenges while trying to integrate a reply section into the thread page. You can view what I have implemented so far here.
Html:
<div class="panel panel-default">
<div class="panel-body">
<table>
<tr>
<td class="forum-post-heading-container">
<img src="http://i.imgur.com/YURsw6g.png" class="img-thumbnail avatar-image forum-image">
<div class="forum-post-header-padding"></div>
<div class="forum-post-header-author-name"><a href="./?a=profile&u=test">username</a></div>
</td>
<td class="forum-post-contents">
<textarea id="reply-text" class="form-control"></textarea>
</td>
</tr>
</table>
</div>
Css:
.forum-post-heading-container{
padding: 15px;
}
.forum-image{
width: 100px;
height: 100px;
}
.forum-post-header-padding{
height: 5px;
}
.forum-post-header-author-name{
text-align: center;
}
.forum-post-contents{
border-left: 1px solid silver;
padding: 15px;
}
#reply-text{
height: 200px;
width: 150px;
resize: none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box
}