problems with a comment box

D1Doris · Joined: 28 Sep 2008 Posts: 17

I've created a comment box for my page, but somehow I can't seem to get the 'post' button to show up in the middle. There's also an empty white button next to it which I can't seem to get rid of. Can anyone help me?
O another thing: how can I position it in the middle of the column instead of on the left?

This is the code I've got now:

<style>
.commentBox {background-color:none;}
.commentBox td {background-color:transparent}.commentBox {border:3px Solid; border-color:black;}
.commentBox .titleTD {display:none;}
.commentBox .inputBox {display:block; width:100%;}.commentBox .inputBox {background-color:transparent;}
.commentBox {width:400px;} .commentBox .inputBox {height:200px;}
.commentBox .inputBox {font-weight:bold;}
.commentBox .inputBox {border:2px Solid; border-color:black;text-align:left;font-family:Veranda; color:black; font-size:13px;}
.commentBox .buttons input {width:30%;}
.commentBox .postButton {font-family:Veranda; color:black; font-size:12px;}
.commentBox .postButton {text-decoration:underline;font-weight:bold;}
</style>
<table class="commentBox">
<form method="post" action="http://profile.myspace.com/index.cfm?fuseaction=user.viewProfile_commentForm&friendID=19743851">
<tr><td><input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="" /><textarea class="inputBox" name="ctl00$cpMain$UserWriteCommentsControl$commentTextBox">Leave me a comment here!</textarea>
</td></tr><tr class="buttons"><td><input type="submit" name="ctl00$cpMain$UserWriteCommentsControl$postcommentImageButton" class="postButton" value="Post" /><input /></td></tr></form></table>

PayneLess Designs · Joined: 28 Feb 2007 Posts: 1417 Location: Biloxi, MS

See if this works:

D1Doris · Joined: 28 Sep 2008 Posts: 17

Thanks for your reply.

The box shows up as a tiny box with a post button underneath and next to the post button there's another type field..

PayneLess Designs · Joined: 28 Feb 2007 Posts: 1417 Location: Biloxi, MS

Did you try my code or what?

D1Doris · Joined: 28 Sep 2008 Posts: 17

Yes, and that's what it shows up as..
So it still has the white space next to the post button and it's a lot smaller than my original one.

PayneLess Designs · Joined: 28 Feb 2007 Posts: 1417 Location: Biloxi, MS

You just need to change the div container to the width you want. And insert this in the <textarea> tag to set the rows and columns: rows="8" cols="100%". Set values to size you want of textarea box.

Also, the white space next to button is part of the code, but change this:

"<tr class="buttons">
<td><input type="submit" name="ctl00$cpMain$UserWriteCommentsControl$postcommentImageButton" class="postButton" value="Post" /><input /></td>
</tr> "

to this:

"<tr class="buttons">
<td><input type="submit" name="ctl00$cpMain$UserWriteCommentsControl$postcommentImageButton" class="postButton" value="Post" /></td>
</tr>"

D1Doris · Joined: 28 Sep 2008 Posts: 17

It's working, great! Thanks a lot!

PayneLess Designs · Joined: 28 Feb 2007 Posts: 1417 Location: Biloxi, MS

You're more than welcome. Thank you for using htmlcodetutorial.com.