CSS Rollover Help for MySpace Options

[Bota]

Okay, I'm a little familiar with CSS image rollovers and what not. But I was curious, is it possible to use the rollover element with a comment box? I wanted to have a small image appear, however, when the mouse pointer is over it, I want a comment box to appear and function as normal. But I didn't know if the coding for such an idea were possible without javascript or something too complex for a beginner like me.

[Mickey]

Just try this out and see if it's close to what you want. Put this in your Who I'd Like To Meet section:

CODE

<style>
.cmntbox {background-image:url("URL")}
.cmntbox:hover {background:none; border:1px solid; border-color:black;}
</style>

Then pretend this is your comment box code:

CODE

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXXXXX" type="hidden" /><textarea name="f_comments" id="t_area" style="width:300px; height:75px; font:normal 8pt Arial; color: 000000; overflow:auto;"></textarea><br />

<input value="Submit" style="width:149px; border:1px solid; border-color:000000; font:normal 8pt Arial; color: 000000; background-color:ffffff;" type="submit" /> <input value="Clear" style="width:148px; border:1px solid; border-color:000000; font:normal 8pt Arial; color: 000000; background-color:ffffff;" type="reset" /></form>

Just add the bold text to it:

CODE

<form method="post" action="http://comments.myspace.com/index.cfm?fuseaction=user.ConfirmComment"><input name="friendID" value="XXXXXX" type="hidden" /><textarea name="f_comments" id="t_area" style="width:300px; height:75px; font:normal 8pt Arial; color: 000000; overflow:auto;" class="cmntbox"></textarea><br />

<input value="Submit" style="width:149px; border:1px solid; border-color:000000; font:normal 8pt Arial; color: 000000; background-color:ffffff;" type="submit" /> <input value="Clear" style="width:148px; border:1px solid; border-color:000000; font:normal 8pt Arial; color: 000000; background-color:ffffff;" type="reset" /></form>