Formatting problem – Centering

  • I have a page that has information that needs to be centered. Ultimately it is a “form” for payment option selection. I am struggling to figure out why the code will not allow me to center the table and the image together. I am looking at the code and even when attempting to <center> something it goes ‘poof’

    Please any ideas?

    <form action="https://www.paypal.com/cgi-bin/webscr" method="post"><input name="cmd" type="hidden" value="_s-xclick" /> <input name="hosted_button_id" type="hidden" value="R4PH7WPDWVXR8" /></form>

<table align="center" class="aligncenter" style="height: 56px; width: 1161px">
	<tbody>
		<tr>
			<td style="text-align: center"><input name="on0" type="hidden" value="Autograph Options" />Autograph Options</td>
		</tr>
		<tr>
			<td style="text-align: center"><select name="os0"><option selected="selected" value="Autographed w/ first name">Autographed w/ first name $20.00</option><option value="No autograph">No autograph $20.00</option></select></td>
		</tr>
	</tbody>
</table>
Viewing 2 replies - 1 through 2 (of 2 total)

  • 1. The align attribute for a table is depricated so you should use CSS.
    2. You’re setting the table width to 1161px that’s causing everything in it to stop adjusting to the screen size once it becomes less than 1161px wide. I removed the table width attribute. Hopefully this helps.

    <div style="float:center;">

<form action="https://www.paypal.com/cgi-bin/webscr" method="post"><input name="cmd" type="hidden" value="_s-xclick" /> <input name="hosted_button_id" type="hidden" value="R4PH7WPDWVXR8" /></form>

<table align="center" class="aligncenter" style="height: 56px;">
	<tbody>
		<tr>
			<td style="text-align: center"><input name="on0" type="hidden" value="Autograph Options" />Autograph Options</td>
		</tr>
		<tr>
			<td style="text-align: center"><select name="os0"><option selected="selected" value="Autographed w/ first name">Autographed w/ first name $20.00</option><option value="No autograph">No autograph $20.00</option></select></td>
		</tr>
	</tbody>
</table>

</div>
    Thread Starter rahjaahmina

    (@rahjaahmina)

    Ok, I have tried your code and still have problem with alignment.. Please see this page:

    https://www.sandrawalston.com/book/stuck-12-steps-up-the-leadership-ladder/

    am a bit confuzzled… any ideas?

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Formatting problem – Centering’ is closed to new replies.