Ayuda con mi web

Goring · #1 (**permalink**) 13/10/2009, 12:37

Que tal chicos y chicas. Estoy dando mis primeros pasos en esto del diseño css y el desarrollo web en general y necesito un poco de ayuda.

Mi página principal tiene un div donde se recargan, con un simple include en php y javascript para ir mostrando u ocultando el contenido, una serie de paginitas en html. El punto es que al hacer click en cada boton del menú, se me mueve el scroll principal hacia arriba y es muy molesto, sobre todo cuando cliqueo los enlaces de la parte mas baja de la web, porque tengo que volver tooodo hasta abajo para seguir leyendo donde estaba.

Les adjunto el codigo de mi index.php a ver si me pueden hechar una manito:

*Ojo: Las llamadas a imágenes del comienzo (son muchas, ya lo se) son porque hasta ahora estoy usando un script que va haciendo transiciones entre una imagen y otra. El único problema es que la web demora mucho en iniciar, porque tienen que cargarse todas las imagenes primero. Estoy buscando algun otro script, posiblemente con flash o algo, que vaya cargando a medida que va necesitando, para que pueda partir más rápido.

Código:

<div id="preheader">
<p>X Festival Internacional de Cine de Lebu - 26 al 30 de Enero, 2010</p>
<!--  <div class="left">
    <p>X Festival Internacional de Cine de Lebu - 26 al 30 de Enero, 2010</p>
  </div>
    <p align="right"><img src="imagenes/es.png" width="18" height="12" /> <img src="imagenes/en.png" width="18" height="12" /></p>
--></div>

<div id="wrap">
  <div class="header">
  	<div id="imageContainer">
    	<img src="imagenes/header/walter.jpg" width="800" height="250" /><img src="imagenes/header/victor_tere.jpg" width="800" height="250" /><img src="imagenes/header/varleta.jpg" width="800" height="250" /><img src="imagenes/header/solos.jpg" width="800" height="250" /><img src="imagenes/header/silvio.jpg" width="800" height="250" /><img src="imagenes/header/sergio.jpg" width="800" height="250" /><img src="imagenes/header/quercia.jpg" width="800" height="250" /><img src="imagenes/header/publico1.jpg" width="800" height="250" /><img src="imagenes/header/pineda.jpg" width="800" height="250" /><img src="imagenes/header/pili.jpg" width="800" height="250" /><img src="imagenes/header/publico2.jpg" width="800" height="250" /><img src="imagenes/header/panaderos3.jpg" width="800" height="250" /><img src="imagenes/header/pancho.jpg" width="800" height="250" /><img src="imagenes/header/omar_claudia.jpg" width="800" height="250" /><img src="imagenes/header/mocha.jpg" width="800" height="250" /><img src="imagenes/header/mario_tere.jpg" width="800" height="250" /><img src="imagenes/header/panaderos4.jpg" width="800" height="250" /><img src="imagenes/header/jolguin.jpg" width="800" height="250" /><img src="imagenes/header/invitados2004.jpg" width="800" height="250" /><img src="imagenes/header/mario_javi.jpg" width="800" height="250" /><img src="imagenes/header/infantil.jpg" width="800" height="250" /><img src="imagenes/header/inauguracion2009.jpg" width="800" height="250" /><img src="imagenes/header/hsolas.jpg" width="800" height="250" /><img src="imagenes/header/mario.jpg" width="800" height="250" /><img src="imagenes/header/panaderos.jpg" width="800" height="250" /><img src="imagenes/header/invitados2009.jpg" width="800" height="250" /><img src="imagenes/header/hernandez.jpg" width="800" height="250" /><img src="imagenes/header/gaviria-contador.jpg" width="800" height="250" /><img src="imagenes/header/ganadores.jpg" width="800" height="250" /><img src="imagenes/header/ernesto_hector.jpg" width="800" height="250" /><img src="imagenes/header/emir_gonzalo.jpg" width="800" height="250" /><img src="imagenes/header/freyes.jpg" width="800" height="250" /><img src="imagenes/header/diego.jpg" width="800" height="250" /><img src="imagenes/header/delfina_ariel_carola.jpg" width="800" height="250" /><img src="imagenes/header/daniel.jpg" width="800" height="250" /><img src="imagenes/header/emir_claudia.jpg" width="800" height="250" /><img src="imagenes/header/cris.jpg" width="800" height="250" /><img src="imagenes/header/delfina_tere.jpg" width="800" height="250" /><img src="imagenes/header/corto.jpg" width="800" height="250" /><img src="imagenes/header/colombia.jpg" width="800" height="250" /><img src="imagenes/header/diego2.jpg" width="800" height="250" /><img src="imagenes/header/chuaqui.jpg" width="800" height="250" /><img src="imagenes/header/carlos_javiera.jpg" width="800" height="250" /><img src="imagenes/header/caiozzi.jpg" width="800" height="250" /><img src="imagenes/header/braun.jpg" width="800" height="250" /><img src="imagenes/header/bolado.jpg" width="800" height="250" /><img src="imagenes/header/blanca.jpg" width="800" height="250" /><img src="imagenes/header/bize.jpg" width="800" height="250" /><img src="imagenes/header/birri.jpg" width="800" height="250" /><img src="imagenes/header/caiozzi2.jpg" width="800" height="250" /><img src="imagenes/header/animacion.jpg" width="800" height="250" /><img src="imagenes/header/almeida_omar_claudia.jpg" width="800" height="250" /><img src="imagenes/header/abdullah.jpg" width="800" height="250" />
	</div>
  </div>
  <div class="content">
  	<div id="menu" class="tabsmenuclass">
		<ul>
			<li><a id="op1" class="selected" href="#" onclick="ver_opcion(1, 11)">Qui&eacute;nes Somos</a></li>
			<li><a id="op2" href="#" onclick="ver_opcion(2, 11)">Historia Festival</a></li>
			<li><a id="op3" href="#" onclick="ver_opcion(3, 11)">El Festival</a></li>
            <li><a id="op4" href="#" onclick="ver_opcion(4, 11)">Sub-Sedes</a></li>
            <li><a id="op5" href="#" onclick="ver_opcion(5, 11)">Programaci&oacute;n</a></li>
		</ul>
	</div>
<!--Inicio Submenú --> 
	<div id="subop1" class="tabsmenucontentclass">
		<?php include ("menu/quienessomos.html");?>
	</div>
	<div id="subop2" class="tabsmenucontentclass" style="display: none;">
	  	<?php include ("menu/historia.html");?>
	</div>
	<div id="subop3" class="tabsmenucontentclass" style="display: none;">
      	<?php include ("menu/festival.html");?>  
	</div>
	<div id="subop4" class="tabsmenucontentclass" style="display: none;">
		<?php include ("menu/subsedes.html");?>
	</div>
	<div id="subop5" class="tabsmenucontentclass" style="display: none;">
		<?php include ("menu/programacion.html");?>
	</div>
	<div id="subop6" class="tabsmenucontentclass" style="display: none;">
		<?php include ("menu/tv.html");?>
	</div>
    <div id="subop7" class="tabsmenucontentclass" style="display: none;">
    	<?php include ("menu/galeria.html");?>
	</div>
    <div id="subop8" class="tabsmenucontentclass" style="display: none;">
     	<?php include ("menu/prensa.html");?>
	</div>
    <div id="subop9" class="tabsmenucontentclass" style="display: none;">
     	<?php include ("menu/novedades.html");?>	
    </div>
    <div id="subop10" class="tabsmenucontentclass" style="display: none;">
     	<?php include ("menu/lebu.html");?>
	</div>
    <div id="subop11" class="tabsmenucontentclass" style="display: none;">
     	<?php include ("menu/auspiciadores.html");?>
	</div>
<!--Fin Submenú -->  
	<div id="menu" class="tabsmenuclass">
		<ul>
			<li><a id="op6" href="#" onclick="ver_opcion(6, 11)">Festival en TV</a></li>
			<li><a id="op7" href="#" onclick="ver_opcion(7, 11)">Galer&iacute;a de Im&aacute;genes</a></li>
			<li><a id="op8" href="#" onclick="ver_opcion(8, 11)">Material de Prensa</a></li>
            <li><a id="op9" href="#" onclick="ver_opcion(9, 11)">Novedades</a></li>
            <li><a id="op10" href="#" onclick="ver_opcion(10, 11)">Lebu</a></li>
            <li><a id="op11" href="#" onclick="ver_opcion(11, 11)">Auspiciadores</a></li>
		</ul>
	</div>
  	<div class="auspiciadores"><img src="imagenes/auspiciadores/1.jpg" width="170" height="100" align="left" /><img src="imagenes/auspiciadores/2.jpg" width="170" height="100" /><img src="imagenes/auspiciadores/3.jpg" width="170" height="100" />
    </div>
  	<div class="footer">&copy;2009 Agrupaci&oacute;n Cultural Festival de Cine Caverna Benavides</div>
	</div>
</div>
</body>

Saludos y gracias!

Goring · #2 (**permalink**) 13/10/2009, 12:41

Perdón por ponerlo en este foro. ¿Pueden moverlo a PHP?

Gracias!

Vun · #3 (**permalink**) 13/10/2009, 12:44

Seria mas comodo si subes tu script a alguna parte y lo vean en directo el problema, seguro asi te ayudan muchos mas y antes

Goring · #4 (**permalink**) 13/10/2009, 13:48

de hecho puedo dar la direccion de la web donde está: htt*p://goring.byethost33.com

Gracias

deirdre · #5 (**permalink**) 13/10/2009, 16:05

Hola Goring

Cambia tu lista por esta otra y coméntanos si se arregla el "subidón":

Código HTML:

 <div id="menu" class="tabsmenuclass">
		<ul>
			<li><a href="javascript:void(0)" onclick="cargaXML('menu/quienessomos.html')">Quiénes Somos</a></li>
			<li><a href="javascript:void(0)" onclick="cargaXML('menu/historia.html')">Historia Festival</a></li>
			<li><a href="javascript:void(0)" onclick="cargaXML('menu/festival.html')">El Festival</a></li>
            <li><a href="javascript:void(0)" onclick="cargaXML('menu/subsedes.html')">Sub-Sedes</a></li>
            <li><a href="javascript:void(0)" onclick="cargaXML('menu/programacion.html')">Programación</a></li>
		</ul>
	</div>

Bye

deirdre · #6 (**permalink**) 13/10/2009, 16:09

Por cierto, tienes cosas raras: dentro de est div:

<div id="submenu" class="tabsmenucontentclass">

Tienes metida una "página completa", en lugar del contenido que le corresponde, con sus duplicidades de doctype, html, head, body, etc.

Goring · #7 (**permalink**) 13/10/2009, 20:26

Gracias por el dato.

Si, en realidad lo unico que hago es llamar por ajax a una "pagina completa". Voy a cambiar eso pienso yo y a dejarle simplemente una html simplecita, son un body y el contenido y ya.

Ahora, tengo otro problema. Resulta que no puedo conseguir que el menú desplegable en "Historia Festival" funcione luego de llamarlo por Ajax. ¿Alguna idea de como hacerlo funcionar?

Saludos y gracias nuevamente