Ver Mensaje Individual
  #1 (permalink)  
Antiguo 28/03/2011, 02:25
Avatar de Rankxerox1984
Rankxerox1984
 
Fecha de Ingreso: septiembre-2010
Mensajes: 253
Antigüedad: 13 años, 6 meses
Puntos: 4
Se resiste pese mi insistencia

Hola a todos y todas:

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>&nbsp;</td>
                    <td>&nbsp;</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>
__________________
J.
¿Dónde está la tecla ‘ANY’?
(H. Simpson)