fixed centering of forms
This commit is contained in:
		
							parent
							
								
									736f79fe14
								
							
						
					
					
						commit
						fff69d74d7
					
				
							
								
								
									
										21
									
								
								index.php
									
									
									
									
									
								
							
							
						
						
									
										21
									
								
								index.php
									
									
									
									
									
								
							| @ -238,7 +238,7 @@ | |||||||
| 	   echo "\n\t<span style='font-weight: bold; font-size: 14pt; position: absolute; top: ".($top+($wheight+$ystart)-25)."px; left: ".(-20+($xstart+$wwidth*$numoctaves*7)/2)."px;'>Lead</span>"; | 	   echo "\n\t<span style='font-weight: bold; font-size: 14pt; position: absolute; top: ".($top+($wheight+$ystart)-25)."px; left: ".(-20+($xstart+$wwidth*$numoctaves*7)/2)."px;'>Lead</span>"; | ||||||
| 	   echo "\n\t<span style='font-weight: bold; font-size: 14pt; position: absolute; top: ".($top+2*($wheight+$ystart)-25)."px; left: ".(-20+($xstart+$wwidth*$numoctaves*7)/2)."px;'>Saw</span>"; | 	   echo "\n\t<span style='font-weight: bold; font-size: 14pt; position: absolute; top: ".($top+2*($wheight+$ystart)-25)."px; left: ".(-20+($xstart+$wwidth*$numoctaves*7)/2)."px;'>Saw</span>"; | ||||||
| 	   echo "\n\t<span style='font-weight: bold; font-size: 14pt; position: absolute; top: ".($top+3*($wheight+$ystart)-25)."px; left: ".(-20+($xstart+$wwidth*$numoctaves*7)/2)."px;'>Bass</span>\n\n"; | 	   echo "\n\t<span style='font-weight: bold; font-size: 14pt; position: absolute; top: ".($top+3*($wheight+$ystart)-25)."px; left: ".(-20+($xstart+$wwidth*$numoctaves*7)/2)."px;'>Bass</span>\n\n"; | ||||||
| 		  echo "\n\t<div align='center' width='".($xstart+$wwidth*$numoctaves*7)."px'>\n"; | 		  echo "\n\t<div align='center' style='margin-top: ".(4 * ($wheight + $ystart))."px; width: ".($xstart+$wwidth*$numoctaves*7)."px'>\n"; | ||||||
| 
 | 
 | ||||||
| 		echo "\n\t<span style='text-align: left; position: absolute; left: $xstart"."px; top:".(4*($wheight+$ystart))."px'>"; | 		echo "\n\t<span style='text-align: left; position: absolute; left: $xstart"."px; top:".(4*($wheight+$ystart))."px'>"; | ||||||
| 		echo "\n\t\t<label title='[c]'><input type='checkbox' accesskey='c' onclick='toggleColor()' autocomplete='off' />Color Me Blind</label>"; | 		echo "\n\t\t<label title='[c]'><input type='checkbox' accesskey='c' onclick='toggleColor()' autocomplete='off' />Color Me Blind</label>"; | ||||||
| @ -247,9 +247,7 @@ | |||||||
| 		echo "\n\t\t<a title='[q]' accesskey='q' onfocus='showFAQ()' href='javascript:void(0)'>FAQ</a>"; | 		echo "\n\t\t<a title='[q]' accesskey='q' onfocus='showFAQ()' href='javascript:void(0)'>FAQ</a>"; | ||||||
| 		echo "\n\t</span>"; | 		echo "\n\t</span>"; | ||||||
| 	?>
 | 	?>
 | ||||||
| 		<br /><br /><br /><br /><br /><br /><br /> | 
 | ||||||
| 		<br /><br /><br /><br /><br /><br /><br /> |  | ||||||
| 		<br /><br /><br /><br /><br /><br /><br /> |  | ||||||
| 
 | 
 | ||||||
| 		<table border='0' align='center'> | 		<table border='0' align='center'> | ||||||
| 
 | 
 | ||||||
| @ -282,9 +280,9 @@ | |||||||
| 			<tr> | 			<tr> | ||||||
| 				<td colspan='2' align='center'> | 				<td colspan='2' align='center'> | ||||||
| 						Tempo: | 						Tempo: | ||||||
| 						<input type='text' name='tempo' id='tempo' size='2' maxlength='3' value='<?php if (isset($_POST['tempo'])) echo $_POST['tempo']; else echo "120";?>' onblur='validateForm()'></input> | 						<input type='text' name='tempo' id='tempo' size='2' maxlength='3' value='<?php if (isset($_POST['tempo'])) echo $_POST['tempo']; else echo "120";?>' onblur='validateForm()' /> | ||||||
| 						Time Signature: | 						Time Signature: | ||||||
| 						<input type='text' name='timesig_num' id='timesig_num' size='1' maxlength='3' value='<?php if (isset($_POST['timesig_num'])) echo $_POST['timesig_num']; else echo "1";?>' onblur='validateForm()'></input> | 						<input type='text' name='timesig_num' id='timesig_num' size='1' maxlength='3' value='<?php if (isset($_POST['timesig_num'])) echo $_POST['timesig_num']; else echo "1";?>' onblur='validateForm()' /> | ||||||
| 							/ <select id='timesig_de' name='timesig_de'> | 							/ <select id='timesig_de' name='timesig_de'> | ||||||
| 									<option value='1' <?php if (isset($_POST['timesig_de']) && $_POST['timesig_de'] == 1) echo "selected='selected'";?>>1</option>
 | 									<option value='1' <?php if (isset($_POST['timesig_de']) && $_POST['timesig_de'] == 1) echo "selected='selected'";?>>1</option>
 | ||||||
| 									<option value='2' <?php if (isset($_POST['timesig_de']) && $_POST['timesig_de'] == 2) echo "selected='selected'";?>>2</option>
 | 									<option value='2' <?php if (isset($_POST['timesig_de']) && $_POST['timesig_de'] == 2) echo "selected='selected'";?>>2</option>
 | ||||||
| @ -353,8 +351,9 @@ | |||||||
| 		<span class='faq_q'>How?</span> | 		<span class='faq_q'>How?</span> | ||||||
| 		<blockquote class='faq_a'> | 		<blockquote class='faq_a'> | ||||||
| 			An unholy union of PHP, Javascript and the HTML DOM.  The MIDI files used to | 			An unholy union of PHP, Javascript and the HTML DOM.  The MIDI files used to | ||||||
| 			play the sounds were created using Java because O didn't know PHP | 			play the sounds were created using Java because I didn't know PHP | ||||||
| 			could write to binary files at the time. | 			could write to binary files at the time. 15 years later in April 2022 | ||||||
|  | 			I converted them to OGG. | ||||||
| 		</blockquote> | 		</blockquote> | ||||||
| 		<span class='faq_q'>Why is this useful?</span> | 		<span class='faq_q'>Why is this useful?</span> | ||||||
| 		<blockquote class='faq_a'> | 		<blockquote class='faq_a'> | ||||||
| @ -443,9 +442,9 @@ | |||||||
| 		<blockquote class='faq_a'> | 		<blockquote class='faq_a'> | ||||||
| 			Glad you asked. If you hover the cursor over various objects on the page, you'll notice | 			Glad you asked. If you hover the cursor over various objects on the page, you'll notice | ||||||
| 			a single character in square brackets in the tooltip for some of them (try one of the | 			a single character in square brackets in the tooltip for some of them (try one of the | ||||||
| 			note value buttons, for example). If you're using IE (and you should be if you like | 			note value buttons, for example). Check | ||||||
| 			sound), press <code>ALT</code> and that character to use the function. If you're | 			<a href="https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/accesskey">here</a> | ||||||
| 			using Firefox, press <code>SHIFT+ALT</code> and that character. | 			to see your access key combination (generally <code>ALT</code> or <code>ALT+SHIFT</code>). | ||||||
| 		</blockquote> | 		</blockquote> | ||||||
| 	</div> | 	</div> | ||||||
| 	<!-- END FAQ --> | 	<!-- END FAQ --> | ||||||
|  | |||||||
		Loading…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user