best way to set up scrolling lines

[djsl]

Here is what I am doing

 

I have a div in a page that contains 12 divs that echo data from tables. It allows users to add comments.

 

I have an add button that the user can add a comment and everything works good from 1 to 12.

 

I want to allow at least 24 comments to be added. I have to have either scrolling in same div  or having two pages with a next page button, maybe using iframe which I rather avoid.

 

What would be the best way to accomplish this.

[ignace]

What would be the best way to accomplish this.

 

Post your code.

[djsl]

here is the code since the box is a predefined size 325 x 532, I would like to double the notes I can show, I guess my options are scrolling or have a next and prev button to go through the pages to view all of them but always show the last item added by default.

 

thanks

 

 

<div id="content_right">
         	<div id="notes_title">NOTES</div>
             	<div id="notes_txt_box_top">
             		<div id="notes_left_box"><? echo $notesline1datenew; ?></div>
             			<div id="notes_right_box"><? echo $notesline1 . ' ' . $notes_who_1; ?></div>
             			</div>
            <div id="notes_txt_box">
             	<div id="notes_left_box"><? echo $notesline2datenew; ?></div>
             		<div id="notes_right_box"><? echo $notesline2 . ' ' . $notes_who_2; ?></div>
              		</div>
            <div id="notes_txt_box">
              	<div id="notes_left_box"><? echo $notesline3datenew; ?></div>
               		<div id="notes_right_box"><? echo $notesline3 . ' ' . $notes_who_3; ?></div>
              			 </div>
             <div id="notes_txt_box">
                <div id="notes_left_box"><? echo $notesline4datenew; ?></div>
                  	<div id="notes_right_box"><? echo $notesline4 . ' ' . $notes_who_4; ?></div>
                 	</div>
             <div id="notes_txt_box">
                <div id="notes_left_box"><? echo $notesline5datenew; ?></div>
                	<div id="notes_right_box"><? echo $notesline5 . ' ' . $notes_who_5; ?></div>
               		</div>
             <div id="notes_txt_box">
              	<div id="notes_left_box"><? echo $notesline6datenew; ?></div>
             		<div id="notes_right_box"><? echo $notesline6 . ' ' . $notes_who_6; ?></div>
              		</div>
            <div id="notes_txt_box">
               	<div id="notes_left_box"><? echo $notesline7datenew; ?></div>
               		<div id="notes_right_box"><? echo $notesline7 . ' ' . $notes_who_7; ?></div>
                	</div>
		<div id="notes_txt_box">
            	<div id="notes_left_box"><? echo $notesline8datenew; ?></div>
                	<div id="notes_right_box"><? echo $notesline8 . ' ' . $notes_who_8; ?></div>
                  	</div>
             <div id="notes_txt_box">
                <div id="notes_left_box"><? echo $notesline9datenew; ?></div>
                 	<div id="notes_right_box"><? echo $notesline9 . ' ' . $notes_who_9; ?></div>
                 	</div>
             <div id="notes_txt_box">
                <div id="notes_left_box"><? echo $notesline10datenew; ?></div>
                	<div id="notes_right_box"><? echo $notesline10 . ' ' . $notes_who_10; ?></div>
                	</div>
             <div id="notes_txt_box">
                <div id="notes_left_box"><? echo $notesline11datenew; ?></div>
                 	 <div id="notes_right_box"><? echo $notesline11 . ' ' . $notes_who_11; ?></div>
                  	</div>
           	<div id="notes_txt_box">
              	<div id="notes_left_box"><? echo $notesline12datenew; ?></div>
				 <div id="notes_right_box"><? echo $notesline12 . ' ' . $notes_who_12; ?></div>--></div>
                	 </div>
        	<div id="notes_add_button"><a href="comments.php"><img src="images/add_notes.gif" width="68" height="20" /></a></div>
  			</div><!--content right -->