Diseño de una hoja de examen en php
Krlos lo que necesito es simular una hoja de examen .. Explico
Estoy creando una examen en linea en la cual ya lo tengo terminado pero al momento de cargar este examen me gustaría que se muestre encima de una hoja en blanco(simular que esta dentro de una hoja) alguna idea esto es solo el diseño de mostrar mi examen en una hoja .en algunos casos hay exámenes que tiene 10 preguntas y otros 5 preguntas, lo que necesito que la hoja se ajuste a la totalidad de preguntas del examen
Estoy creando una examen en linea en la cual ya lo tengo terminado pero al momento de cargar este examen me gustaría que se muestre encima de una hoja en blanco(simular que esta dentro de una hoja) alguna idea esto es solo el diseño de mostrar mi examen en una hoja .en algunos casos hay exámenes que tiene 10 preguntas y otros 5 preguntas, lo que necesito que la hoja se ajuste a la totalidad de preguntas del examen
1 Respuesta
Respuesta de krlosnow
1
¿No te sirve con poner el fondo blanco en el elemento que contiene tu formulario?:
Si no es esto lo que quieres, me lo dices e intento ayudarte.
<div style="background-color:white"> <form> ... </form> </div>
Si no es esto lo que quieres, me lo dices e intento ayudarte.
Claro en un primer momento lo he utilizado pero me gustaría que solo sea para el examen en mención
Algo como un cuadro
Algo como un cuadro
Ok, te entiendo. ¿Te importaría pasarme el código HTML para hacerme una idea de cómo tienes estructurado tu formulario? Simplemente habrá que aplicar un estilo a un elemento, pero sin ver el HTML no te se decir dónde aplicarlo.
Bueno te lo dejo es muy largo tratare de acortarlo
<!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>Documento sin título</title>
<link href="resources/estilos/estilos_interior.css" rel="stylesheet" />
<link href="resources/css/style.css" rel="stylesheet" />
<link href="resources/css/nube.css" rel="stylesheet" />
<script src="resources/js/nube2.js"></script>
</head>
<body>
<div><a href="index.php"><img src="imagenes/logo.gif" title="Green Solutions" alt="Green Solutions" width="204" height="57" border="0"/></a>
</div>
<table width="745" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<th scope="col"> </th>
<th scope="col"> </th>
<th scope="col"> </th>
</tr>
<tr>
<td width="158" align="left" valign="middle" class="Estilo2"><img src="imagenes/user.png" align="middle" /><? echo "Usuario " .$usuario; ?></td>
<td width="180" align="right"> </td>
<td align="right" colspan="2"><a href="cerrarsess.php"><span class="Estilo2">Cerrar Sesion</span></a> <img src="imagenes/btn_x5.gif" align="absmiddle" /></td>
</tr>
<tr>
<td colspan="5" align="left" valign="middle" class="Estilo2"><img src="imagenes/linea950.gif" width="935" height="5" /></td>
</tr>
</table>
<?php
include('conexion.php');
$cn=conecta('pruebatest');
$examen = $_GET["codigo"];
$datosalumno = "select * from alumno where usuA='$usuario'";
.............
................es muy extenso aqui muestro el examen
echo "<center> Examen de: $tema - Numero : $examen \n</center>";
echo "<center>Bienvenido Usuario: $paternoalumno $usuario\n</center>";
echo "</br>";
echo '<form action="calificando.php" method="post">'."\n";
echo "</br>";
echo "<center>";
echo 'Duracion :<input readonly value="'.$tiemp.'">'."\n"; //tiempo
echo '<input size="9">'."\n";
echo '<input value="Calificar">'."\n";
echo "</br>";
echo "</center>";
echo "</br>";
$preguntas="select * from preguntas where codigoE='$examen'";
$verpreguntas=mantenimiento($preguntas);
.......
?>
</body>
</html>
<!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>Documento sin título</title>
<link href="resources/estilos/estilos_interior.css" rel="stylesheet" />
<link href="resources/css/style.css" rel="stylesheet" />
<link href="resources/css/nube.css" rel="stylesheet" />
<script src="resources/js/nube2.js"></script>
</head>
<body>
<div><a href="index.php"><img src="imagenes/logo.gif" title="Green Solutions" alt="Green Solutions" width="204" height="57" border="0"/></a>
</div>
<table width="745" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<th scope="col"> </th>
<th scope="col"> </th>
<th scope="col"> </th>
</tr>
<tr>
<td width="158" align="left" valign="middle" class="Estilo2"><img src="imagenes/user.png" align="middle" /><? echo "Usuario " .$usuario; ?></td>
<td width="180" align="right"> </td>
<td align="right" colspan="2"><a href="cerrarsess.php"><span class="Estilo2">Cerrar Sesion</span></a> <img src="imagenes/btn_x5.gif" align="absmiddle" /></td>
</tr>
<tr>
<td colspan="5" align="left" valign="middle" class="Estilo2"><img src="imagenes/linea950.gif" width="935" height="5" /></td>
</tr>
</table>
<?php
include('conexion.php');
$cn=conecta('pruebatest');
$examen = $_GET["codigo"];
$datosalumno = "select * from alumno where usuA='$usuario'";
.............
................es muy extenso aqui muestro el examen
echo "<center> Examen de: $tema - Numero : $examen \n</center>";
echo "<center>Bienvenido Usuario: $paternoalumno $usuario\n</center>";
echo "</br>";
echo '<form action="calificando.php" method="post">'."\n";
echo "</br>";
echo "<center>";
echo 'Duracion :<input readonly value="'.$tiemp.'">'."\n"; //tiempo
echo '<input size="9">'."\n";
echo '<input value="Calificar">'."\n";
echo "</br>";
echo "</center>";
echo "</br>";
$preguntas="select * from preguntas where codigoE='$examen'";
$verpreguntas=mantenimiento($preguntas);
.......
?>
</body>
</html>
La verdad es que con el código PHP se hace difícil la tarea. Lo que me sería útil de verdad es que una vez que la página se ha dibujado en el navegador web, hagas un "guardar página HTML completa" y me lo mandes a [email protected] en un zip
Ya te digo que va a ser tan fácil como aplicar un estilo a un elemento, pero la clave está en saber a qué elemento aplicarlo.
Ya te digo que va a ser tan fácil como aplicar un estilo a un elemento, pero la clave está en saber a qué elemento aplicarlo.
Bueno la cosa párese que se esta complicando lo único que deseo es un modelo de cuadro con estilo (me supongo) que encierre el examen
Que va a partir de esto:
<?php
?>
Que va a partir de esto:
<?php
?>
Vale, pues mete esto en el head de la página:
<style>
.cuadroExamen{background-color:white;border: 1px solid silver;}
</style>
... y este div que contenga todo lo que metas en php:
<div class="cuadroExamen">
¿<?php
¿?>
</div>
Espero que sea lo que quieres. Ya te digo que sin ver el código no esto seguro al 100%. Si no te gusta el borde, lo puedes quitar.
<style>
.cuadroExamen{background-color:white;border: 1px solid silver;}
</style>
... y este div que contenga todo lo que metas en php:
<div class="cuadroExamen">
¿<?php
¿?>
</div>
Espero que sea lo que quieres. Ya te digo que sin ver el código no esto seguro al 100%. Si no te gusta el borde, lo puedes quitar.
Claro es lo que necesito me encierra el examen, pero te agradecería más si este cuadro se pueda modificar no en el diseño si no en el ancho y alto y centrado en la página ya que el cuadro me ocupa el ancho de toda la página como hago para reducir el ancho y colocarlo al centro de la página gracias carlos
<style>
.contenedorCuadroExamen{margin: 0px 50px 0px 50px;}
.cuadroExamen{background-color:white;border: 1px solid silver;}
</style>
... y un div que contenga el div que te dije antes:
<div class="contenedorCuadroExamen">
<div class="cuadroExamen">
<?php
?>
</div>
</div>
Con esto consigues que te centre el formulario con un margen de 50px a cada lado. Pon más margen si lo deseas.
