Foros del Web » Creando para Internet » HTML »

Ayuda con mi web

Estas en el tema de Ayuda con mi web en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 13/10/2009, 13:37
 
Fecha de Ingreso: octubre-2009
Mensajes: 5
Antigüedad: 8 años, 2 meses
Puntos: 0
Ayuda con mi web

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!
  #2 (permalink)  
Antiguo 13/10/2009, 13:41
 
Fecha de Ingreso: octubre-2009
Mensajes: 5
Antigüedad: 8 años, 2 meses
Puntos: 0
Respuesta: Ayuda con mi web

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

Gracias!
  #3 (permalink)  
Antiguo 13/10/2009, 13:44
Avatar de Vun
Vun
Colaborador
 
Fecha de Ingreso: agosto-2009
Ubicación: Benalmádena, España
Mensajes: 2.265
Antigüedad: 8 años, 4 meses
Puntos: 150
Respuesta: Ayuda con mi web

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
  #4 (permalink)  
Antiguo 13/10/2009, 14:48
 
Fecha de Ingreso: octubre-2009
Mensajes: 5
Antigüedad: 8 años, 2 meses
Puntos: 0
Respuesta: Ayuda con mi web

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

Gracias
  #5 (permalink)  
Antiguo 13/10/2009, 17:05
Avatar de deirdre  
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 8 años, 7 meses
Puntos: 44
Respuesta: Ayuda con mi web

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
  #6 (permalink)  
Antiguo 13/10/2009, 17:09
Avatar de deirdre  
Fecha de Ingreso: mayo-2009
Mensajes: 690
Antigüedad: 8 años, 7 meses
Puntos: 44
Respuesta: Ayuda con mi web

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.
  #7 (permalink)  
Antiguo 13/10/2009, 21:26
 
Fecha de Ingreso: octubre-2009
Mensajes: 5
Antigüedad: 8 años, 2 meses
Puntos: 0
Respuesta: Ayuda con mi web

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
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 06:29.