How would i align these videos - HTML Forums

mr370 · 11-10-2009, 02:41 PM

I have to problems one is the contents aren't always centered on every computer but it is on some. This is the same thing for the videos i also need a way to align videos to the right of the blue line any thoughts here is my program.

HTML Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>

<head>
<link href="css.css" rel="stylesheet" type="text/css"/>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">

$(document).ready(function() {
$('#must').focus(function(){
var field = $(this);
if (field.val()==field.attr('defaultValue')){
field.val(' ');
}
});
});

</script>
<title>A forum</title>

</head>

<body>

<div style="position: absolute;left:200px;top:0px;height: 700px; width: 1px; background-color: #0000ff;"></div>

<div style="position: absolute;left:900px;top:0px;height: 700px; width: 1px;background-color: #0000ff;"></div>

<img src="formpic.jpg" width="700px" style="padding-left:193px"/>


<table class="from" style="position:absolute;top:190px;left:240px">
<tr>
<td>
<br>Hi, I Would like to invite you to search the entire Coastal Bend MLS over 5,000 Homes are available.<br>

 The Form sets up your personal Site into the MLS Database, so you can search anything you want,<br>
get updates on what you are interested in and save Real Estate properties that you like.<br>

 In comfort of your own home with out being bothered. 

</td>
</tr>

</table>

<table style="position:absolute;top:330px;left:300px;" >



<form action="/webformmailer.php" method="post" id="signup">





<tr>

<div>
<td height="40">
		<label for="clientname" class="label">Name*</label>
		<input name="clientname" type="text" id="clientname" size="36">

</td>

</div>

</tr>






<tr>
<div>
<td height=40px>
	

		<label for="email" class="label">Email *</label>
		<input name=email  type="text" id="email" size="36">

</div>
</tr>




<tr>
<div>
<td height=40px>
	

		<label for="sub" class="label">Subdivision</label>
		<input name="sub"  type="text" id="sub" size="36">
</td>
</div>
</tr>






<div>
<tr>	
<td height="40">

	<label for="budget" class="label">Budget: From</label>
	<input name="budget" type="text" id="budget">
	
	<span class="from">To</span>
	
	<label for="to" class="from"></label>	
	<input name="to" type="text" id="to">
</td>	

</tr>

 

<tr>
<td>
	

		<label for="bed" class="from">Min. Bed</label>
		<input name="bed"  type="text" id="bed" size="14">



		<label for="max bed" class="max">Max. Bed</label>
		<input name="max bed"  type="text" id="max bed" size="14">

</td>
</tr>


<tr>
<td>
	

		<label for="bed" class="from">Min. Bath</label>
		<input name="bed"  type="text" id="bed" size="13">



		<label for="max bed" class="max">Max. Bath</label>
		<input name="max bed"  type="text" id="max bed" size="13">

</td>
</tr>


<tr>
<div> 
<td height="50">
	<label for="must" class="label">Must Haves</label>
	<textarea  name="must" rows="4" cols="42" id="must">Please enter any preferences:How many Bedrooms,Baths square feet,garages or anything else you must have in your home to narrow down your search for best results.</textarea>
</td>

</div>
</tr>




<tr>
<div>
<td height="40">
 	
	<label for="email" class="label">Phone</label>
	<input name=phone  type="text" id="email">
</td>

</div>
</tr>




<tr>

<div>
<td style="padding-left:75px;">
	<input type="submit" class="from"  name="submit" id="submit" value="submit"></td>
	 
</div>
<tr>




</form>

</table>

</body>
</html>

Code:

//##########################################
Begin css

 .label {
font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #036;
float:left;
padding-left:60px;
text-align:right;

display: block;
margin-top:0;
padding:4px;


}

.from{
font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #036;
}

#submit{
font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #036;

}

 .checkboxes{
font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #036;
	
padding-bottom:2cm;


}



.max{
font: bold 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
color: #036;
padding-left:10px;
}

Thanks for the help