Tengo un popup con unos estilos marcados que tendría que respetar cierto orden. El PopUp en cuestión es un login que tiene campo de usuario, campo de clave, command buton de envio y link de recuerdo de clave por si se te ha olvidado. En ESTE orden. Bien, sin embargo, al aplicar los estilos (creo yo
) me presenta el Link encima de todo lo demás.He probado diferentes cambios de estilo pero nada...
...artito me tiene la tonteria esta...
Disculpad, pero ¿Alguno/a puede decirme que es lo que está mal?
Aquí el código de toda la página (..es corto)
Código PHP:
<?php session_start();
//Compruebo errores
error_reporting(E_ALL & ~E_NOTICE);
ini_set("display_errors", 1);
?><html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" " http://www.w3c.org/TR/xhtml1/DTD/xhtml1-strict.dtd ">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<?php
//Detectammos el idioma del explorador
$Lengua = substr($_SERVER['HTTP_ACCEPT_LANGUAGE'],0,2);
//Detectamos la pagina en que estamos y convertimos a minúsculas para evitar problemas al teclear la página sin saber
$site = $_SERVER['PHP_SELF'];
$pagina = strtolower($site);
?>
<head>
<meta http-equiv="Content-Type"content=" text/html;charset=utf-8">
<!--Aquí se indica donde está la hoja de estilos CSS -->
<?php
//include('../phpBits/estilo_css.php');
?>
<!--Aquí se indican los estilos CSS particulares de esta hoja CSS -->
<style type="text/css">
body {color: purple; background-color: #d8da3d }
#popup {float:left;background:#e9e9e9;z-index:5;width=300px; color: #ffffff;left:auto;padding: 10px;border-radius:4px;-moz-border-radius: 4px;-webkit-border-radius:4px;}
#popup table{float:left;background:#e9e9e9;font-family:Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;color: DarkRed,border-radius:4px;-moz-border-radius: 4px;-webkit-border-radius:4px; }
#popupLINK {float:left; clear:both; text-decoration: none;font-family:Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;color:FireBrick}
#popupLINK a:link {float:left; text-decoration: none;font-family:Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;color:FireBrick}
#popupLINK a:visited {float:left; text-decoration: none;font-family:Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;color:FireBrick}
#popupLINK a:hover {float:left; background: #e9e9e9; color: blue }
</style>
</head >
<body>
<div id="popup">
<table width="300" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC">
<tr>
<form name="form1" method="post" action="checklogin.php">
<td>
<table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#FFFFFF">
<tr>
<td colspan="3"><center><strong>Acceso</strong></center></td>
</tr>
<tr>
<td width="78">Usuario</td>
<td width="6">:</td>
<td width="294"><input name="usuario" type="text" id="usuario"></td>
</tr>
<tr>
<td>Clave</td>
<td>:</td>
<td><input name="clave" type="password" id="clave"></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td><input type="submit" name="Submit" value="Login"></td>
</tr>
</table>
<div id="popupLINK"> <tr>
<center><a href="#" onclick="getUsuario()">Si has olvidado tu clave pincha aquí</a></center>
<script language=javascript>
function getUsuario()
{var usuario;usuario = document.form1.usuario.value;
window.location="../login/RescateClave.php?usuario="+usuario; }
</script>
</tr>
</div>
</form>
</div>
<script language=javascript>
self.close()";
</script>
</table>
</body>
</html> 
. Este es el problema del autodidactismo
, agradezco tu comentario.
