CODIGO INDEX2.HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Viaje a Italia</title>
</head>
<frameset rows="120,*" cols="*" >
<frame src="superior/cabecera.html" scrolling="no" noresize>
<frameset cols="159,*">
<frame src="indice/barraindice.html" hscroll="no" noresize>
<frame src="principal/Presentacion/presentacion.html" name="contenido" id="contenido">
</frameset>
</frameset>
<noframes></noframes>
</html>
CODIGO INDICE.HTML
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="es-es"><head>
<meta content="text/html; charset=ISO-8859-1" http-equiv="content-type"><title>index</title>
<link rel="stylesheet" type="text/css" href="../nvu2005.css">
<!-- parche de compatibilización con CSS 2 para navegadores microsoft --><!--[if lt IE 7]> <script src="ie7/ie7-standard-p.js" type="text/javascript"></script> <![endif]-->
<style type="text/css">
/* CSS base procedente de los tutoriales de css.alsacreations.com */
<!-- body {
margin: 0;
padding: 0;
/*width:159px;*/
background: #373F68;
font: 75% verdana, arial, sans-serif;
overflow:auto;
}
#centrado {
width:10em;
padding:0;
margin-left:auto;
margin-right:auto;
}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position: relative;
top: 0;
left: 0;
margin:0;
padding:0;
float:left;
}
#menu {
width:10em;
}
#menu dt {
cursor: pointer;
margin: 1px 0;
padding-left:.2em;
height: auto;
line-height: 15px;
text-align: left;
font-weight: bold;
border: 1px solid gray;
background: #ccc;
}
#menu dd {
border: 1px solid gray;
background-color:#FFFFFF;
}
#menu li {
font-size:.8em;
text-align: left;
padding-left:1em;
background: #fff;
}
#menu li a, #menu dt a {
font-size:.9em;
color: #000;
text-decoration: none;
height: 100%;
}
#menu dd ul li a {
display: block;
border-bottom:thin dotted;
height: 100%;
}
#menu dt a {
text-align:left;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}
#menu #pdf{
background-color:#D0A282;
}
-->
</style><base target="contenido">
</head>
<body style="background-image: url(fondo.jpg);">
<div id="centrado">
<dl id="menu">
<dt style="margin-left: 0px; width: 118px;" title="Lugares que vamos a visitar.">
<a href="../principal/mapa/Italia.html">1.-Italia</a>
</dt>
<dt title="Principales monumentos de los sitios que vamos a visitar">
<a href="../principal/Monumentos/monumentos.html">2.-Mon. Importantes</a>
</dt>
<dt title="Enlaces multimedia"> <a href="../principal/multimedia/multimedia.html">3.-Multimedia</a>
</dt>
<dt title="Programa de visitas"> <a href="../principal/INFORMACION/INFORMACION.html">4.-Inf. del
viaje</a> </dt>
<dt title="Consejos y hoteles que visitaremos"> <a href="../principal/INFORMACION/CONSEJOS.html">5.-Consejos</a>
</dt>
<dt title="Contacto">
<a href="mailto:nena_ola-1994@hotmail.com"><img style="border: 0px solid ; width: 62px; height: 70px;" alt="Enviar e-mail" src="../principal/multimedia/icono_email.png"></a> </dt>
</dl>
</div>
</body></html>
CODIGO PRINCIPAL.HTML