hola a los dos, si que utilizo frames, no sabia que no era bueno utilizarlos. os pongo el codigo para que me digais, eso de lo pantallazos solo lo hace de ven en cuando.
este es el codigo de la pagina principal:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" >
<html>
<head>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
</head>
<frameset rows="98,*" cols="*" frameborder="NO" border="0" framespacing="0">
<frame src="titulo.htm" name="topFrame" scrolling="NO" noresize >
<frameset rows="*" cols="251,*" framespacing="0" frameborder="NO" border="0">
<frame src="indices.html" name="leftFrame" scrolling="no" noresize>
<frame src="principal.htm" name="mainFrame" scrolling="no">
</frameset>
</frameset>
<noframes>
<body>
</body></noframes>
</html>
y este es el codigo del frame de los indices:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<style type="text/css">
body {
scrollbar-arrow-color: #000000; //para cambiar de color la barra de desplazamiento
scrollbar-base-color: "background-color: transparent";
scrollbar-dark-shadow-color: "background-color: transparent";
scrollbar-track-color: "background-color: transparent";
scrollbar-face-color:"background-color: transparent";
scrollbar-shadow-color:"background-color: transparent";
scrollbar-highlight-color: "background-color: transparent";
scrollbar-3d-light-color: "background-color: transparent";
}
</style>
<style>
<!--
#foldheader{cursor:hand ; font-weight:bold ; //para que aparezca la mano en el raton
list-style-image:url(fold.gif)}
#foldinglist{list-style-image:url(list.gif)}
//-->
</style>
<script type="text/javascript">
function unFold(id){
var visible = document.getElementById('foldinglist' + id).style.display;
if(visible == "none"){
document.getElementById('foldinglist' + id).style.display = "block";
}else{
document.getElementById('foldinglist' + id).style.display = "none";
}
}
</script>
<title>Documento sin título</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
a:link {
text-decoration:none;
font-family:Garamond, "Times New Roman";
font-size: 14px;
color: #937605;
font-weight: bold;
}
a:visited {
text-decoration:none;
font-family: Garamond, "Times New Roman";
font-size: 14px;
color:#937605;
font-weight: bold;
}
a:hover{
text-decoration:none;
font-family: Garamond, "Times New Roman";
font-size: 14px;
color: #937605;
font-weight: bold;
}
a:active{
text-decoration:none;
font-family:"Garamond", "Times New Roman";
font-size: 14px;
font-weight: bold;
color: #937605;
font-weight: bold;
}
</style>
<link href="../../estilos/letra.css" rel="stylesheet" type="text/css">
</head>
<body background="../../imagenes/FondoIzquierda.png">
<div align="left"><span class="letra">Museos </span> </div>
<ul>
<a href="arag%F3n/aragon.htm" target="mainFrame" id="foldheader" onclick="unFold(1);"><font color="#000000" size="3">Aragón</font></a>
<ul id="foldinglist1" style="display:none">
<a href="arag%F3n/tarazona.htm" target="mainFrame">Tarazona</a> <br>
<a href="arag%F3n/frescano.htm" target="mainFrame">Frescano</a><br>
<a href="arag%F3n/borja.htm" target="mainFrame">Borja</a> <br>
<a href="arag%F3n/calatayud.htm" target="mainFrame">Calatayud</a> <br>
<a href="arag%F3n/berrueco.htm" target="mainFrame">Berrueco</a> <br>
<a href="arag%F3n/zaragoza.htm" target="mainFrame">Zaragoza</a> <br>
<a href="arag%F3n/caminreal.htm" target="mainFrame">Caminreal</a> <br>
<a href="arag%F3n/teruel.htm" target="mainFrame">Teruel</a>
</ul>
</ul>
<ul>
<a href="castillaleon/castillaleon.htm" target="mainFrame" id="foldheader" onclick="unFold(2);"><font color="#000000" size="3">Castilla
Leon</font></a>
<ul id="foldinglist2" style="display:none">
<a href="castillaleon/huerta.htm" target="mainFrame">Huerta del Rey</a> <br>
<a href="castillaleon/garray.htm" target="mainFrame">Garray</a> <br>
<a href="castillaleon/osma.htm" target="mainFrame">El Burgo de Osma</a> <br>
<a href="castillaleon/montejo.htm" target="mainFrame">Montejo de Tiermes</a>
<a href="castillaleon/medinaceli.htm" target="mainFrame">Medinaceli</a> <br>
<a href="castillaleon/soria.htm" target="mainFrame">Soria</a>
</ul>
</ul>
<ul>
<a href="castillalamancha/castillalamancha.htm" target="mainFrame" id="foldheader" onclick="unFold(3);"><font color="#000000" size="3">Castilla
La Mancha</font></a>
<ul id="foldinglist3" style="display:none">
<a href="castillalamancha/saelices.htm" target="mainFrame">Saelices</a> <br>
<a href="castillalamancha/cueva.htm" target="mainFrame">Cueva del Hierro</a> <br>
<a href="castillalamancha/cuenca.htm" target="mainFrame">Cuenca</a> <br>
<a href="castillalamancha/herreria.htm" target="mainFrame">Herreria</a> <br>
<a href="castillalamancha/molina.htm" target="mainFrame">Molina de Aragón</a>
</ul>
</ul>
<ul>
<a href="larioja/larioja.htm" target="mainFrame" id="foldheader" onclick="unFold(4);"><font color="#000000" size="3">La
Rioja</font></a>
<ul id="foldinglist4" style="display:none">
<a href="larioja/aquilar.htm" target="mainFrame">Aquilar del Río Alhama</a>
</ul>
</ul>
<ul>
<a href="navarra/navarra.htm" target="mainFrame" id="foldheader" onclick="unFold(5);"><font color="#000000" size="3">Navarra</font></a>
<ul id="foldinglist5" style="display:none">
<a href="navarra/castejon.htm" target="mainFrame">Castejón</a>
</ul>
</ul>
</body>
</html>
LOS PANTALLAZOS SÓLO ME LOS HACE CUANDO PINCHO EN ARAGÓN, EN CASTILLA LA MANCHA, EN CASTILLA LEÓN, EN LA RIOJA O EN NAVARRA
gracias por vuestra ayuda
Respuesta: no me muestra la imagen 
