Highlighted

Style sheet don't working on browser views...

New Here ,
Oct 06, 2017

Copy link to clipboard

Copied

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">

@import 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";

@font-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...

#4 You're using the outdated DW Server Behaviours to talk with your database

TOPICS
Learn Dreamweaver

Views

211

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Style sheet don't working on browser views...

New Here ,
Oct 06, 2017

Copy link to clipboard

Copied

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">

@import 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";

@font-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...

#4 You're using the outdated DW Server Behaviours to talk with your database

TOPICS
Learn Dreamweaver

Views

212

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Oct 06, 2017 0
Adobe Community Professional ,
Oct 06, 2017

Copy link to clipboard

Copied

Please upload your work to a remote server and post the URL. 

Based on what you've shown us:

#1 You're not using an HTML5 doc type on a responsive website.   HTML5 is the current web standard.

#2 We don't know what CSS is being used in this @import rule.

     @import url("estilosregistrousuarios.css");

#3 You're using deprecated code.

     <center><font color="white"

Nancy

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 06, 2017 1
LEGEND ,
Oct 06, 2017

Copy link to clipboard

Copied

#4 You're using the outdated DW Server Behaviours to talk with your database

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Oct 06, 2017 1