Hola a todos/todas:
Tengo en mi proyecto varias ventanas tipo Popup que se lanzan con Javascript. Funcionan. Sin embargo, a la hora de aplicar estilo CSS tengo que aplicarlo
página a página, no como en el resto del proyecto en que la página de estilo común es llamada mediante un include de php.
¿Como podría hacerlo? lo del include o similar para tener todos los estilos del proyecto referenciados a una única página de estilos.
Aquí una página de muestra por si sirve de orientación
Código:
<?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 {background:#e9e9e9;z-index:5;color: #ffffff;left:auto;padding: 10px;border-radius:4px;-moz-border-radius: 4px;-webkit-border-radius:4px;}
#popup table{background:#e9e9e9;font-family:Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;color: DarkRed,border-radius:4px;-moz-border-radius: 4px;-webkit-border-radius:4px; }
#popup a:link { text-decoration: none;font-family:Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;color:FireBrick}
#popup a:visited { text-decoration: none;font-family:Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;color:FireBrick}
#popup a:hover { 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>
<tr>
<a href="#" onclick="getUsuario()">Si has olvidado tu clave pincha aquí</a>
<script language=javascript>
self.close()";
</script>
<script language=javascript>
function getUsuario()
{var usuario;usuario = document.form1.usuario.value;
window.location="../login/RescateClave.php?usuario="+usuario; }
</script>
</tr>
</tr>
</table>
</form>
</div>
</body>
</html>
Muchas gracias por la ayuda
