problemas con centrado

darkxploitz · #1 (**permalink**) 19/02/2016, 11:32

hola amigos paso x aqui xq tengo problemas para centrar un login y una tabla, el login se centra todo bien pero cuando ingreso donde esta la tabla la tabla me aparece justo dnd esta el login osea en el medio les dejo el link dnd lo tengo guardado http://darkxploitz.net76.net/prueba/index.php la contraseña es 123456, necesito que el login se quede dnd esta pero que la tabla se quede arriba, este es el codigo que use:

Código PHP:

 
<!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>
<style>
body { margin-top: 200px; margin-right; 10px; margin-bottom: 10px; margin-left: 340px }
</style>
</head>

<body>
<?php 
$password = "123456";
if ($_POST['password'] != $password) { 
?>
<table width="200" border="1" cellpadding="0">
  <tr>
    <th scope="col">Login password </th>
  </tr>
  <tr>
    <td><form id="form1" name="form1" method="post" action="">
      <label></label>
      <div align="center">
        <label>
        <input type="password" name="password" />
        </label>
      </div>
    </form>
    </td>
  </tr>
</table>
<?php 
}else{
?>
<table width="200" border="1" cellpadding="0">
  <tr>
    <th scope="col">1</th>
    <th scope="col">2</th>
    <th scope="col">3</th>
    <th scope="col">4</th>
  </tr>
</table>
<?php 
} 
?>

</body>
</html>

necesito saber como asignar margin pero individualmente para ponerlo dnd quiera y no se aplique a todo

pateketrueke · #2 (**permalink**) 19/02/2016, 11:35

A ver, el "centrado" de lo que ves en el navegador (HTML) no tiene nada que ver con programar en PHP, es única y exclusivamente tema de CSS.

Por favor pide a un moderador que mueva tu tema al foro de CSS.

juancaalbarracin · #3 (**permalink**) 19/02/2016, 14:59

Aunque el tema es de css puedes resolverlo facil en lugar de

Código HTML:

Ver original<div align="center">
        <label>
        <input type="password" name="password" />
        </label>
      </div>

deberias darle un ancho al div ej width: 200 y luego lo centras con margin

Código HTML:

Ver original<div style="margin:auto; width:200px">
        <label>
        <input type="password" name="password" />
        </label>
        </div>

PD: La proxima pide ayuda en css