<html>
<head>
<style type="text/css">

#body {
		background-image:url(image.jpg);
		background-color:#000000;
		background-repeat:repeat-y;
		background-position:center;
		background-attachment:scroll;
		}
#divprincipal {
			width:350px;
			height:350px;
			position:absolute;
			top:50%;
			left:50%;
			margin-top:-175px;
			margin-left:-175px;
			font-family:verdana;
			color:#ffffff;
			font-size:25px;
		}

#tab1 {
	float:left;
		}
#tab2 {	
	float:right;
		}

#voltar {
		display:block;
		border:0px solid;
		border-radius:8px;
		padding:10px;
		width:200px;
		background:#000000;
		font-family:verdana;
		color:#ffffff;
		font-size:18px;
		font-weight: bold;
		margin-top:280px;
		
		}
#voltar:hover{
			position:relative;
			top:1px;
			left:1px;
			background-color:rgba(51,51,51,0.5);
			}
</style>
</head>
		<body id="body">
	
		<div id="divprincipal">
<center>
		<div id="tab1">
<?php
						$tabx=$_POST['tab'];
						$tab2=$_POST['tab2'];


							function tabuada1($tabx) {
										for ($n=0; $n <= 10; $n++) {
											$resultado=$tabx*$n;
										echo $tabx.'x'.$n.'&nbsp=&nbsp'.$resultado.'<br>';
										}
											}
											tabuada1($tabx);
?>
		</div>							
		<div id="tab2">
<?php
							function tabuada2($tab2) {
										for ($a=0; $a <= 10; $a++) {
											$resultado=$tab2*$a;
										echo $tab2.'x'.$a.'&nbsp=&nbsp'.$resultado.'<br>';
										}
											}
											tabuada2($tab2);
?>
		</div>
				
				<br><br><br>
			
		<input type="button" value="Voltar" onclick="history.back()" id="voltar">
</center>	
	</div>
		
		</body>
</html>