este es el menu.html
Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>menu.html</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="estilos/menu.css" type="text/css">
<script type="text/javascript" src="../scripts/imagenes.js"></script>
</head>
<body>
<div id="BloqueMenu">
<div id="BloqueContenedorLabels">
<div id="CerrarSesion"><? echo session_name();?></div>
<div id="Autenticado"><? echo $_SESSION['usuario'] ?></div>
</div>
<div id="BloqueContenedorMenu">
<a href="tecnHTML.htm" target="principal" class="ficha" onMouseOver="cambia_ficha(this, '../imagenes/ficha_activa.png', 'FFFFFF')" onMouseOut="cambia_ficha(this,'../imagenes/ficha.png','8B0000')" >HTML</a>
<a href="en_construccion.html" target="principal" class="ficha" onMouseOver="cambia_ficha(this, '../imagenes/ficha_activa.png', 'FFFFFF')" onMouseOut="cambia_ficha(this,'../imagenes/ficha.png','8B0000')">CSS</a>
<a href="en_construccion.html" target="principal" class="ficha" onMouseOver="cambia_ficha(this, '../imagenes/ficha_activa.png', 'FFFFFF')" onMouseOut="cambia_ficha(this,'../imagenes/ficha.png','8B0000')" > T.Cliente</a>
<a href="en_construccion.html" target="principal" class="ficha" onMouseOver="cambia_ficha(this, '../imagenes/ficha_activa.png', 'FFFFFF')" onMouseOut="cambia_ficha(this,'../imagenes/ficha.png','8B0000')" > T.Servidor</a>
<a href="en_construccion.html" target="principal" class="ficha" onMouseOver="cambia_ficha(this, '../imagenes/ficha_activa.png', 'FFFFFF')" onMouseOut="cambia_ficha(this,'../imagenes/ficha.png','8B0000')" >XML</a>
<a href="recursos.html" target="principal" class="ficha" onMouseOver="cambia_ficha(this, '../imagenes/ficha_activa.png', 'FFFFFF')" onMouseOut="cambia_ficha(this,'../imagenes/ficha.png','8B0000')" >Recursos</a>
</div>
<div id="LineaMenu"></div>
</div>
</body>
</html>
menu.css
Código HTML:
body{
background-image:url(../imagenes/fondo_menu.png);
text-align:center;
}
#BloqueMenu{
background-image:url(../imagenes/menu.png);
background-position:center;
width:770px;
height:60px;
text-align:center;
margin:0;
border:0;
padding:0;
}
#BloqueContenedorLabels{
position:relative;
vertical-align:text-top;
width:766px;
height:26px;
}
#CerrarSesion{
float:left;
width:50px;
height:26px;
}
#Autenticado{
float:right;
width:200px;
height::26px;
}
#BloqueContenedorMenu{
text-align: center;
width:766px;
height:30px;
margin:0;
border:0;
padding:0;
}
.ficha{
background-image:url(../imagenes/ficha.png);
width:100px;
height:30px;
float:left;
border:0;
margin:0;
padding:0;
}
a{
text-decoration:none;
color:#8B0000;
}
a:hover{
text-decoration:none;
}
#LineaMenu{
background-image:url(../imagenes/menu_linea.png);
text-align:center;
vertical-align:text-top;
height:4px;
width:766px;
margin:0;
border:0;
padding:0;
}