Jump to content

Help aligning CSS


Adamhull1

Recommended Posts

Hello I am struggling to align my php form using my CSS and need help the form is currently floating on the right and I need it in the centre any help would be great full

 

 

CSS

 

body {	margin: 0;	padding: 0;	font-size: 12px;	font-family: "Open Sans";	background: url(http://w3theory.com/clients/BO/images/login/background_repeat.jpg) repeat; }.wrap {	width: 100%;}.row {	margin: 0 auto;	width: 832px;}.small_row {	margin: 0 auto;	width: 750px;}#outer {	min-height: 600px;	background: url(http://w3theory.com/clients/BO/images/login/background_x_repeat.png) repeat-x; }/* Top Bar Styles */#top_bar {	height: 65px;	background: url(http://w3theory.com/clients/BO/images/login/top_bar.png) repeat-x; }#top_bar .login_input {	float: left;	margin: 6px 15px 0 0;	width: 182px;	height: 42px;	background: url(http://w3theory.com/clients/BO/images/login/login_input.png) no-repeat; }#top_bar .login_input .none {	margin: 7px 0 0 7px;	width: 170px;	height: 22px;	color: #d9d4b5;	line-height: 22px;	background: none;	border: none;	outline: none;	font-size: 11px;}#top_bar .log_in {	float: left;	margin: 6px 15px 0 0;	cursor: pointer;	outline: none;	width: 47px;	height: 42px;	border: none;	background: url(http://w3theory.com/clients/BO/images/login/login_btn.png) no-repeat; }#top_bar .log_in:hover {	opacity: .65;}#top_bar .text {	float: left;	line-height: 52px;	color: #d9d4b5;}#top_bar .text a {	color: #d9d4b5;	text-decoration: none;	font-size: 11px;}#top_bar .text a:hover {	color: #fff;}/* Header Styles */#header {}#header #logo {	float: left;	margin: 25px 0 0 0;	width: 348px;	height: 98px;	background: url(http://w3theory.com/clients/BO/images/login/logo.png) no-repeat; }#header #menu {	float: left;	margin: 20px 0 0 30px;	width: 189px;}#header #menu a {	display: block;	width: 189px;	height: 32px;	color: #d9d4b5;	line-height: 32px;	text-align: center;	text-shadow: 1px 0 1px #000;	font-weight: bold;	text-decoration: none;	background: url(http://w3theory.com/clients/BO/images/login/menu_btn.png) no-repeat; }#header #menu a:hover {	opacity: .85;}#header #news_box {	position: absolute;	margin: 30px 0 0 585px;	width: 232px;	height: 283px;	background: url(http://w3theory.com/clients/BO/images/login/news_box.png) no-repeat; }#header #news_box p {	padding: 25px 35px;	color: #dbd6b8;	font-size: 12px;	-webkit-transform: rotate(2deg);		-moz-transform: rotate(2deg);	-ms-transform: rotate(2deg);	-o-transform: rotate(2deg);	transform: rotate(2deg);}#header #news_box p  span.title {	font-weight: bold;	font-size: 20px;	line-height: 34px;	display: block;}#header #news_box p  span.date {	color: #c17830;	font-size: 12px;	line-height: 40px;	display: block;}/* Content Styles */#content_box { }#content_box .top {	height: 55px;	background: url(http://w3theory.com/clients/BO/images/login/content_box_bg_01.png) no-repeat; }#content_box .middle {	min-height: 250px;	background: url(http://w3theory.com/clients/BO/images/login/content_box_bg_02.png) repeat-y; }#content_box .middle .pad {	padding: 15px 70px 10px 70px;}#content_box .middle h2 {	margin: 0;	text-indent: 15px;	text-transform: uppercase;	font-size: 35px;	line-height: 30px;	color: #29271d;	border-left: 15px solid #29271d;}#content_box .middle p.first_paragraph {	width: 550px;	line-height: 22px;	color: #29271d;	font-size: 11px;}#content_box .middle p.second_paragraph {	line-height: 22px;	color: #574221;	font-size: 11px;}#content_box .middle a.enlist {	margin: 10px 0;	display: block;	text-indent: 25px;	font-size: 30px;	width: 677px;	height: 105px;	line-height: 105px;	text-transform: uppercase;	font-weight: bold;	text-decoration: none;	color: #88724f;	background: url(http://w3theory.com/clients/BO/images/login/enlist_now_btn.png) no-repeat; }#content_box .middle a.enlist:hover {	color: #42341f;}#content_box .bottom {	height: 61px;	background: url(http://w3theory.com/clients/BO/images/login/content_box_bg_04.png) no-repeat; }/* Footer Styles */#footer {	padding: 25px 0;	text-align: center;	color: #231d13;	font-size: 11px;	line-height: 22px;}#footer span {	font-weight: bold;	font-size: 30px;	line-height: 34px;}#footer a {	color: #231d13;	text-decoration: none;}#footer a:hover {	color: #dfdabf;	text-decoration: underline;}.spacer {	clear: both;}[\code]Register page[code=auto:0]<?phpsession_start();include 'dbcon.php';include 'classes.php';$time = date(F." ".d.", ".Y." ".g.":".i.":".sa,time());function badmailhost($str) {	$badhosts = file("mailhosts.txt");	foreach($badhosts as $mailhosts)		$mailhosts = str_replace(array("\r", "\n", "()", " "), "", trim($mailhosts));	return true;}function mres($str) {	return mysql_real_escape_string($str);}$classes = array(	'Mastermind',	'Assassin',	'Bodyguard',	'Smuggler',	'Thief');if(isset($_POST['submit'])) {	$username       = trim(mres($_POST['newname']));	$signuptime     = time();	$password = hash("md5", trim(mres($_POST['newpass'])));        $password2 = hash("md5", trim(mres($_POST['newpassagain'])));	$email          = isset($_POST['email']) && is_string($_POST['email']) && filter_var($_POST['email'], FILTER_VALIDATE_EMAIL) ? $_POST['email'] : null;	$checkuser      = mysql_query("SELECT `id` FROM `grpgusers` WHERE `username` = '$username'");	if ($_SESSION['AntiSpamImage'] != $_REQUEST['anti_spam_code']) {  // set antispam string to something random, in order to avoid reusing it once again  $_SESSION['AntiSpamImage'] = rand(1,9999999);	$message .= "<font color='red'><b>The verification code you entered is invalid.</br>";}	if(mysql_num_rows($checkuser))		$message .= "<div>I'm sorry but the username you chose has already been taken.  Please pick another one.</div>";	if(strlen($username) < 4 or strlen($username) > 20)		$message .= "<div>The username you chose has " . strlen($username) . " characters. You need to have between 4 and 20 characters.</div>";	if(strlen($password) < 4 or strlen($username) > 20)		$message .= "<div>The password you chose has " . strlen($password) . " characters. You need to have between 4 and 20 characters.</div>";	if($password != $password2)		$message .= "<div>Your passwords don't match. Please try again.</div>";	if(empty($email))		$message .= "<div>The e-mail address you entered was invalid.</div>";	$_POST['class'] = isset($_POST['class']) && ctype_alpha($_POST['class']) && in_array($_POST['class'], $classes) ? $_POST['class'] : null;	if(empty($_POST['class']))		$message .= "<div>The class you chose was not valid</div>";	if(!isset($message)) {		$result = mysql_query("INSERT INTO `grpgusers` (`ip`, `username`, `password`, `email`, `signuptime`, `lastactive`, `class`) VALUES ('" . mres($_SERVER['REMOTE_ADDR']) . "', '$username','$password', '$email', $signuptime, $signuptime, '" . $_POST['class'] . "')");		$_POST['referer'] = isset($_POST['referer']) && ctype_digit($_POST['referer']) ? abs(@intval($_POST['referer'])) : null;		if(!empty($_POST['referer']))			mysql_query("INSERT INTO `referrals` (`when`, `referrer`, `referred`) VALUES ($signuptime, " . $_POST['referer'] . ", '" . $username . "')");		// SMF Integration     // The following ___VALUE___'s, enter the relevant details for SMF database//$link = mysql_connect("localhost", "dylan_game", "demo123");mysql_select_db("dylan_game", $link) or die(mysql_error());$passwd = ($password) . $_POST['password'];mysql_query("INSERT INTO dylan_game.`smf_members` (`member_name`,`date_registered`,`real_name`,`email_address`,`passwd`) VALUES ('{$username}',unix_timestamp(),'{$username}','{$_POST['email']}', '{$passwd}')");mysql_query("UPDATE `smf_settings` SET `value`='{$username}' WHERE `variable`='latestRealName'");mysql_query("UPDATE `smf_settings` SET `value`=`value`+1 WHERE `variable`='totalMembers'");mysql_close($link);// SMF Integration //		    echo Message('<font color="red"><b>Thank you for signing up with Battle Ops, We have sent an email to verify your account. Redirecting to login page in 5 seconds.<!-- Game-Advertising-Online.com Action Tracker --><img src="http://www.game-advertising-online.com:81/ats.php?aid=3715" width="1" height="1">  <meta http-equiv="refresh" content="5;url=index.php">'); 	if ($_POST['referer'] != ""){	$result= mysql_query("INSERT INTO `referrals` (`when`, `referrer`, `referred`)".    "VALUES ('$signuptime', '".$_POST['referer']."', '".$username."')");	}    // Let's mail the user!     $subject = "Welcome to Battle Ops $username";     $message = "Dear $username, your Battle Ops details!    Upon logging in for the first time, your user account will be activated, you can then login with the following details:   These Details will be THE SAME for our forums as well.    Username: $username     Password: $password     Thanks!     Battle Ops staff.    Enjoy your game.    This is an automated response, please do not reply!";     mail($_POST["email"], $subject, $message,         "From: Battle Ops Account<[email protected]>"); die();  }}if(isset($message)) {	echo Message($message);}?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Battle Ops - The Game</title><link type="text/css" rel="stylesheet" href="http://www.w3theory.com/clients/BO/login.css" /><body><div id="outer" > 	<div id="header" class="small_row">		<div id="logo"></div>		<div id="menu">			<a href="home.php">HOMEPAGE</a>			<a href="register.php">REGISTER</a>			<a href="contact.php">CONTACT US</a>			<a href="http://www.votelistedgames.com/index.php?page=in&id=11">Vote For Us!</a> 		</div>		<div id="news_box"><center>  <table float="left" width='100%' border='0' align='center' cellpadding='0' cellspacing='0'><form name='register' method='post' action='register.php'></div>    <input type='text' name='newname' placeholder='username' /><td><font size='2' face='verdana'><tr>        <input type='password' name='newpass' placeholder='password'/>      </font><font size='2' face='verdana'><font size='2' face='verdana'><input type='password' name='newpassagain' placeholder='confirm password' />      </font> <font size='2' face='verdana'><input type='text' name='email' placeholder='email' /></font><tr>  <font size='2' face='verdana'>  <select name='class' type='dropdown'>    <?php					foreach($classes as $opt)						printf("<option value='%1\$s'>%1\$s</option>", $opt);				?>  </select>  <td><input type='hidden' name='referer' value='<?php echo isset($_GET['referer']) && ctype_digit($_GET['referer']) ? abs(@intval($_GET['referer'])) : null; ?>' />    <font size='2' face='verdana'><br /><tr>   <center><img src="antispam.php"/>  <tr>    <input type='text' name='anti_spam_code' /> 

 

<tr><input type='submit' name='submit' value='Register' />

 

 

</center>

</td>

</tr>

[\code]

Link to comment
https://forums.phpfreaks.com/topic/288082-help-aligning-css/
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.