Foros del Web » Creando para Internet » CSS »

Se resiste pese mi insistencia

Estas en el tema de Se resiste pese mi insistencia en el foro de CSS en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 28/03/2011, 03:25
Avatar de Rankxerox1984  
Fecha de Ingreso: septiembre-2010
Mensajes: 253
Antigüedad: 7 años, 3 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)
  #2 (permalink)  
Antiguo 28/03/2011, 11:12
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Se resiste pese mi insistencia

Creo que primero debería repasar su etiquetado html y corregir los errores, así como eliminar las etiquetas desaprobadas según el doctype que declara.
  #3 (permalink)  
Antiguo 29/03/2011, 00:33
Avatar de Rankxerox1984  
Fecha de Ingreso: septiembre-2010
Mensajes: 253
Antigüedad: 7 años, 3 meses
Puntos: 4
Respuesta: Se resiste pese mi insistencia

Hola kseso?:

Buenos dias. Muchas gracias por la respuesta. Este es el problema del autodidactismo, agradezco tu comentario.
Por favor ¿serias tan amable de indicarme los errores que mencionas?
¿Cuales son las etiquetas no aprobadas por el DOCTYPE?

Muchas gracias
__________________
J.
¿Dónde está la tecla ‘ANY’?
(H. Simpson)
  #4 (permalink)  
Antiguo 29/03/2011, 06:52
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Se resiste pese mi insistencia

Lo mejor es que lo pases por el validador de la w3c: http://validator.w3.org/
Pero si utiliza ff, hay una extensión, web developer toolbar, muy completa. En ella, opción "Herramientas" tiene la opción.
Supongo que otros navegadores tendrán su equivalente.

Etiquetas: Ninguno
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 14:56.