OLD Aspect Ratio Calculator

OLD Aspect Ratio Calculator

by george_black

HTML

<!doctype html public >
<html>
<head>
	<meta charset="UTF-8">
	<title>Aspect Ratio Calculator</title>
	<meta name="keywords" content="aspect ratio, calculator, pixels">
	<link rel="stylesheet" href="../-/styles.css">
	<style type="text/css">
	
	body {
		margin: 1em 2em;
		font: 12px/1.2em Helvetica, Sans-Serif;
	}
	
	.widget-ad {
		float: right;
		margin: 0 0 1em 1em;
	}
	
	</style>
</head>
<body>

<h1>Aspect Ratio Calculator</h1>

<script type="text/javascript">google_ad_client = "pub-9669866525793418";google_ad_width = 728;google_ad_height = 15;google_ad_format = "728x15_0ads_al_s";google_ad_channel ="";google_color_border = "000000";google_color_bg = "333333";google_color_link = "FFFFFF";google_color_url = "FFFFFF";google_color_text = "999999";</script>
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"></script>

<p>
	Use the form below to calculate the missing value for a particular aspect ratio. This is useful when resizing photos.
</p>

<p>
	For example, say you have a photo that is 1600 x 1200 pixels, but your blog only has space for a photo 400 pixels wide. To find the new height of your photo, preserving the aspect ratio, you do the following calculation:
</p>

<pre>height = 1200 / 1600 x 400

height = 300</pre>

<p>
	<strong>Instructions:</strong> Fill in both values on the left side of the equation and one of the two values on the right side then click &quot;calculate&quot;.
</p>

<form>

<table cellpadding="2" cellspacing="0" border="0">
<tr align="center">
	<td><input type="text" size="5" name="num1" value="4" tabindex="1"></td>
	<td><br></td>
	<td><input type="text" size="5" name="num2" tabindex="3"></td>
	<td rowspan="99">&nbsp;&nbsp;&nbsp;&nbsp;</td>
	<td rowspan="99">
		<a href="#" onclick="fob.num1.value=4;fob.den1.value=3;return false">4:3</a><br><br>
		<a href="#" onclick="fob.num1.value=1600;fob.den1.value=1200;return false">1600:1200</a><br>
		<a href="#"...