Style sheet don't working on browser views...
Hello, I'm a bit new, but I know the basics and a bit of advanced...
I was making a sign-up page, and first started with a simple design (with no style sheet) and now that i'm adding class types and more stuff, in Live View and Designer view looks great, but on the Browser don't look fine. The font type looks ok and the background color, the rest is all messed up.
Hope someone can help me, I already searched longer in the web.
source code:
<?php require_once('Connections/ImagicCommunity.php'); ?>
<?php
if (!function_exists("GetSQLValueString")) {
function GetSQLValueString($theValue, $theType, $theDefinedValue = "", $theNotDefinedValue = "")
{
if (PHP_VERSION < 6) {
$theValue = get_magic_quotes_gpc() ? stripslashes($theValue) : $theValue;
}
$theValue = function_exists("mysql_real_escape_string") ? mysql_real_escape_string($theValue) : mysql_escape_string($theValue);
switch ($theType) {
case "text":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "long":
case "int":
$theValue = ($theValue != "") ? intval($theValue) : "NULL";
break;
case "double":
$theValue = ($theValue != "") ? doubleval($theValue) : "NULL";
break;
case "date":
$theValue = ($theValue != "") ? "'" . $theValue . "'" : "NULL";
break;
case "defined":
$theValue = ($theValue != "") ? $theDefinedValue : $theNotDefinedValue;
break;
}
return $theValue;
}
}
$editFormAction = $_SERVER['PHP_SELF'];
if (isset($_SERVER['QUERY_STRING'])) {
$editFormAction .= "?" . htmlentities($_SERVER['QUERY_STRING']);
}
if ((isset($_POST["MM_insert"])) && ($_POST["MM_insert"] == "form2")) {
//Guardar imagen
if(is_uploaded_file($_FILES['fleImagen']['tmp_name'])) { // verifica haya sido cargado el archivo
$ruta= "Images/$tipo_prod/".$_FILES['fleImagen']['name'];
move_uploaded_file($_FILES['fleImagen']['tmp_name'], $ruta);
}
$insertSQL = sprintf("INSERT INTO usuarios (Email, Nombres, Apellidos, Imagen, Tipo, Contrasena, Dia, Mes, Ano) VALUES (%s, %s, %s, %s, %s, %s, %s, %s, %s)",
GetSQLValueString($_POST['txCorreo'], "text"),
GetSQLValueString($_POST['txNombres'], "text"),
GetSQLValueString($_POST['txApellidos'], "text"),
GetSQLValueString($ruta, "text"),
GetSQLValueString($_POST['lsTipo'], "text"),
GetSQLValueString($_POST['txContrasena'], "text"),
GetSQLValueString($_POST['lsDia'], "text"),
GetSQLValueString($_POST['lsMes'], "text"),
GetSQLValueString($_POST['lsAno'], "text"));
mysql_select_db($database_ImagicCommunity, $ImagicCommunity);
$Result1 = mysql_query($insertSQL, $ImagicCommunity) or die(mysql_error());
$insertGoTo = "login.php";
if (isset($_SERVER['QUERY_STRING'])) {
$insertGoTo .= (strpos($insertGoTo, '?')) ? "&" : "?";
$insertGoTo .= $_SERVER['QUERY_STRING'];
}
header(sprintf("Location: %s", $insertGoTo));
}
?>
<!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 name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="HandheldFriendly" content="true">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Imagic Community | Web Official | Registro</title>
<style type="text/css">
@1552174 url("estilosregistrousuarios.css");
body {
background-color: #B40404;
}
body,td,th {
font-family: UbuntuNormal;
}
#big {
font-size: x-large;
font-family: UbuntuNormal;
}
</style>
</head>
<body>
<form action="<?php echo $editFormAction; ?>" method="POST" enctype="multipart/form-data" name="form2" id="form2">
<p><center id="big">
Nuevo Usuario
</center></p>
<p>
<center><font color="white">Nombre</font></center>
<center><input class="typetext" placeholder="Nombre" type="text" name="txNombres" id="textfield3" /></center>
</p>
<p>
<center><font color="white">Apellidos</font></center>
<center><input class="typetext" placeholder="Apellidos" type="text" name="txApellidos" id="textfield4" /></center>
</p>
<p>
<center><font color="white">Dirección de e-mail</font></center>
<center><input class="typetext" placeholder="E-mail" type="text" name="txCorreo" id="textfield5" /></center>
</p>
<p>
<label for="textfield6"></label>
<center><font color="white">Contraseña</font></center>
<center>
<input name="txContrasena" type="password" class="typetext" id="textfield6" placeholder="Contraseña" />
</center>
</p>
<p>
<center><label color="white" for="fileField">Suba una Imagen de Perfil</label></center>
<center><input class="imgfield" type="file" name="fleImagen" id="fileField" /></center>
</p>
<center><label color="white">Sexo</label></center>
<center><p><select name="lsTipo" id="lsTipo">
<option>Hombre</option>
<option>Mujer</option>
</select>
</p></center>
<center><label for="select" color="white">Fecha de Nacimiento</label></center>
<center>
<select name="lsDia" id="lsDia">
<option>Dia</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
<option>31</option>
</select>
<label for="select3"></label>
<select name="lsMes" id="lsMes">
<option>Mes</option>
<option>Febrero</option>
<option>Marzo</option>
<option>Abril</option>
<option>Mayo</option>
<option>Junio</option>
<option>Julio</option>
<option>Agosto</option>
<option>Septiembre</option>
<option>Octubre</option>
<option>Noviembre</option>
<option>Diciembre</option>
</select>
<label for="select4"></label>
<select name="lsAno" id="lsAno">
<option value="1960">Año</option>
<option value="1961"> 1961</option>
<option value="1962"> 1962</option>
<option value="1963"> 1963</option>
<option value="1964"> 1964</option>
<option value="1965"> 1965</option>
<option value="1966"> 1966</option>
<option value="1967"> 1967</option>
<option value="1968"> 1968</option>
<option value="1969"> 1969</option>
<option value="1970"> 1970</option>
<option value="1971"> 1971</option>
<option value="1972"> 1972</option>
<option value="1973"> 1973</option>
<option value="1974"> 1974</option>
<option value="1975"> 1975</option>
<option value="1976"> 1976</option>
<option value="1977"> 1977</option>
<option value="1978"> 1978</option>
<option value="1979"> 1979</option>
<option value="1980"> 1980</option>
<option value="1981"> 1981</option>
<option value="1982"> 1982</option>
<option value="1983"> 1983</option>
<option value="1984"> 1984</option>
<option value="1985"> 1985</option>
<option value="1986"> 1986</option>
<option value="1987"> 1987</option>
<option value="1988"> 1988</option>
<option value="1989"> 1989</option>
<option value="1990"> 1990</option>
<option value="1991"> 1991</option>
<option value="1992"> 1992</option>
<option value="1993"> 1993</option>
<option value="1994"> 1994</option>
<option value="1995"> 1995</option>
<option value="1996"> 1996</option>
<option value="1997"> 1997</option>
<option value="1998"> 1998</option>
<option value="1999"> 1999</option>
<option value="2000"> 2000</option>
<option value="2001"> 2001</option>
<option value="2002"> 2002</option>
<option value="2003"> 2003</option>
<option value="2004"> 2004</option>
<option value="2005"> 2005</option>
<option value="2006"> 2006</option>
<option value="2007"> 2007</option>
<option value="2008"> 2008</option>
<option value="2009"> 2009</option>
<option value="2010"> 2010</option>
<option value="2011"> 2011</option>
<option value="2012"> 2012</option>
<option value="2013"> 2013</option>
<option value="2014"> 2014</option>
</select>
</center>
</p>
<center>
<input class="button" type="submit" name="button2" id="button2" value="Registrarse" />
</center>
<p><img src="Imagenesusadasweb/separator50px.png" width="50" height="45" /></p>
<center><font color="white">¿Ya estás registrado/a?</font>
<a href="login.php" size="x-large" >Iniciar Sesión</a></center>
<p><img src="Imagenesusadasweb/separator50px.png" width="50" height="45" /></p>
<input type="hidden" name="MM_insert" value="form2" />
</form>
</body>
</html>
and style sheet code:
@charset "utf-8";
@11220649-face {
font-family: 'UbuntuNormal';
src: url('Ubuntu-R.ttf') format('truetype');
}
@charset "utf-8";
.button {
width: 200px;
height: 100px;
color: #000;
background-color:#FFF;
border-radius: 20px;
font-size: 30px;
}
.typetext {
width: 350px;
height: 50px;
border-radius: 20px;
text-align:center;
}
Sorry for my poor knowledge and thanks in advance!! I'm a bit stuck now...
AdChoices