We can see how messages can be displayed by the side of an image or a text area by using div tag and by creating layers. This is usually done to show help messages when a user keep the mouse pointer over a help image usually an image with a question mark. This message will be displayed as long as the mouse is over the image and will be taken out once mouse is removed. This can be further changed to have a close button or a link on the message itself which on click the message box will close.
You can place your mouse over this image -> <img src='graph.jpg' onmouseout="setVisibility('sub3', 'none');" onmouseover="setVisibility('sub3', 'inline');";>
<div id="sub3" style="position: relative; ">Message Box : </div>
You can see the help menu on mouseover of this image -> <img src='graph.jpg' onmouseover="setVisibility('sub4', 'inline');";>
<div id="sub4" style="position: relative;" >Message Box : <a href=# onclick="setVisibility('sub4', 'none');";>Close</a></div>