Page 1 of 1

PHP/HTML/CSS showing up differently on test server

Posted: Tue Apr 12, 2011 9:13 pm
by gymangel812
When I look at this page using a test server (xampp), it looks like this:
Image

Code (from view source):

Code: Select all

<!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" />
<link rel="stylesheet" rev="stylesheet" href="http://localhost/pos_sale/css/login.css" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>Ultimate Video Game Connection POS - Login</title>
<script src="http://localhost/pos_sale/js/jquery-1.2.6.min.js" type="text/javascript" language="javascript" charset="UTF-8"></script>
<script type="text/javascript">
$(document).ready(function()
{
	$("#login_form input:first").focus();
});
</script>
</head>
<body>
<h1>Ultimate Video Game Connection -- Point Of Sale System</h1>
<img src="http://www.powerupvideogames.com/pos_sale/images/login_header.jpg" width="539" height="83" alt="log in header" /><Br />
<br />
<form action="http://localhost/pos_sale/index.php/login" method="post"><table class="outer">
	<tr>
        <td>
            <div id="container">
                            <div id="top">
                Login                </div>
                <div id="login_form">
                    <div id="welcome_message">
                    Welcome to the PHP Point Of Sale System. To continue, please login using your username and password below.                    </div>
                    
                    <div class="form_field_label">Username: </div>
                    <div class="form_field">
                    <input type="text" name="username" value="" size="20"  />                    </div>
            
                    <div class="form_field_label">Password: </div>
                    <div class="form_field">
                    <input type="password" name="password" value="" size="20"  />                    
                    </div>
                    
                    <div id="submit_button">
                    <input type="submit" name="loginButton" value="Go"  />                    </div>
                </div>
            </div>
        </td>
    </tr>
</table>
</form></body>
</html>
When I upload the files to my host, it looks like this:
Image

Uploaded with ImageShack.us

Code:

Code: Select all

<!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" />
<link rel="stylesheet" rev="stylesheet" href="http://powerupvideogames.com/pos_sale/css/login.css" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>PHP Point Of Sale Login</title>
<script src="http://powerupvideogames.com/pos_sale/js/jquery-1.2.6.min.js" type="text/javascript" language="javascript" charset="UTF-8"></script>
<script type="text/javascript">
$(document).ready(function()
{
	$("#login_form input:first").focus();
});
</script>
</head>
<body>
<h1>PHP Point Of Sale 11.2</h1>
<form action="http://powerupvideogames.com/pos_sale/index.php/login" method="post"><div id="container">
	<div id="top">
	Login	</div>
	<div id="login_form">
		<div id="welcome_message">
		Welcome to the PHP Point Of Sale System. To continue, please login using your username and password below.		</div>
		
		<div class="form_field_label">Username: </div>
		<div class="form_field">
		<input type="text" name="username" value="" size="20"  />		</div>

		<div class="form_field_label">Password: </div>
		<div class="form_field">
		<input type="password" name="password" value="" size="20"  />		
		</div>
		
		<div id="submit_button">
		<input type="submit" name="loginButton" value="Go"  />		</div>
	</div>
</div>
</form></body>
</html>

Re: PHP/HTML/CSS showing up differently on test server

Posted: Tue Apr 12, 2011 10:20 pm
by Jonah Bron
The code in both of those is drastically different. Here's a diff:

Code: Select all

5c5
< <link rel="stylesheet" rev="stylesheet" href="http://localhost/pos_sale/css/login.css" />
---
> <link rel="stylesheet" rev="stylesheet" href="http://powerupvideogames.com/pos_sale/css/login.css" />
7,8c7,8
< <title>Ultimate Video Game Connection POS - Login</title>
< <script src="http://localhost/pos_sale/js/jquery-1.2.6.min.js" type="text/javascript" language="javascript" charset="UTF-8"></script>
---
> <title>PHP Point Of Sale Login</title>
> <script src="http://powerupvideogames.com/pos_sale/js/jquery-1.2.6.min.js" type="text/javascript" language="javascript" charset="UTF-8"></script>
17,18c17,27
< <h1>Ultimate Video Game Connection -- Point Of Sale System</h1>
< <img src="http://www.powerupvideogames.com/pos_sale/images/login_header.jpg" width="539" height="83" alt="log in header" /><Br />
---
> <h1>PHP Point Of Sale 11.2</h1>
> <form action="http://powerupvideogames.com/pos_sale/index.php/login" method="post"><div id="container">
>    <div id="top">
>    Login   </div>
>    <div id="login_form">
>       <div id="welcome_message">
>       Welcome to the PHP Point Of Sale System. To continue, please login using your username and password below.      </div>
>
>       <div class="form_field_label">Username: </div>
>       <div class="form_field">
>       <input type="text" name="username" value="" size="20"  />      </div>
20,46c29,37
<
< <form action="http://localhost/pos_sale/index.php/login" method="post"><table class="outer">
<    <tr>
<         <td>
<             <div id="container">
<                             <div id="top">
<                 Login                </div>
<                 <div id="login_form">
<                     <div id="welcome_message">
<                     Welcome to the PHP Point Of Sale System. To continue, please login using your username and password below.                    </div>
<
<                     <div class="form_field_label">Username: </div>
<                     <div class="form_field">
<                     <input type="text" name="username" value="" size="20"  />                    </div>
<
<                     <div class="form_field_label">Password: </div>
<                     <div class="form_field">
<                     <input type="password" name="password" value="" size="20"  />
<                     </div>
<
<                     <div id="submit_button">
<                     <input type="submit" name="loginButton" value="Go"  />                    </div>
<                 </div>
<             </div>
<         </td>
<     </tr>
< </table>
---
>       <div class="form_field_label">Password: </div>
>       <div class="form_field">
>       <input type="password" name="password" value="" size="20"  />
>       </div>
>
>       <div id="submit_button">
>       <input type="submit" name="loginButton" value="Go"  />      </div>
>    </div>
> </div>

Re: PHP/HTML/CSS showing up differently on test server

Posted: Tue Apr 12, 2011 10:21 pm
by gymangel812
When I upload them, I upload the same version that I use on localhost. Why would it change so much when I put it to the real server?

Re: PHP/HTML/CSS showing up differently on test server

Posted: Wed Apr 13, 2011 7:32 pm
by Jonah Bron
It wouldn't change by itself, I know that. The only reasonable possibility is that you're uploading the incorrect file.