y este es titulo.html
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>titulo.html</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="estilos/titulo.css" type="text/css">
<script type="text/javascript" src="../scripts/hint.js"></script>
<script type="text/javascript" src="../scripts/imagenes.js"></script>
</head>
<body>
<div id="BloqueTitulo" >
<a href="http://www.uca.es/" target="_blank" onMouseOver= "cambia_logo(this, '../imagenes/logoUCAContraste.png')" onMouseOut="cambia_logo(this, '../imagenes/logoUCA.png')"><img class="logo_uca" src="../imagenes/logoUCA.png" alt="logo" ></a>
<div id="ContenedorZonaTactil">
<div id="Zonatactil" onMouseOver= "muestra_acceso()" onMouseOut= "desaparece_acceso()" >
<div id="hint" onClick="acceso_login()">Entrar al sistema</div>
</div>
</div>
</div>
</body>
</html>
titulo.css
Código HTML:
body{
background-image:url(../imagenes/fondo_titulo.png);
text-align:center;
}
#BloqueTitulo{
background-image:url(../imagenes/titulo.png);
width:770px;
height:91px;
margin-top:50px;
}
a{
text-decoration:none;
}
.logo_uca{
position:relative;
height:82px;
width:63px;
float:left;
margin-left:10px;
padding-top:5px;
border:0;
}
#ContenedorZonaTactil{
position:relative;
margin-left:525px;
width:245px;
height:91px;
}
#Zonatactil{
position:relative;
right:3px;
bottom:2px;
width:196px;
height:91px;
background-image:url(../imagenes/dedo.png);
cursor:hand;
}
#hint{
position:absolute;
background-color:#FFFF99;
width:60px;
height:25px;
z-index:1;
margin-top:30px;
visibility:hidden;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
}