Ver Mensaje Individual
  #5 (permalink)  
Antiguo 06/12/2010, 10:23
Gumshoe
 
Fecha de Ingreso: diciembre-2010
Mensajes: 13
Antigüedad: 13 años, 4 meses
Puntos: 0
Respuesta: Cómo hacer que automáticamente mi página se ponga arriba del todo

Cita:
Iniciado por kseso? Ver Mensaje
Creo que el sistema debería ser el mismo. Uso de id como destinos de los enlaces internos en la página, tanto para ir como para regresar.
Sólo es cuestión de metodología.
Usted tiene un menú (unos cuantos enlaces para dirigirse a un punto concreto en el cuerpo del html) y quiere poder regresar desde esa "cualquier parte" al menú.

Bien, una forma sería abstraerse del contenido en cuestión y crear dos grupos de id (identificadores únicos):

Por ejemplo, en el menú a cada enlace marcarlos como
Código HTML:
Ver original
  1. <a id="go1".../>
  2. <a id="go2".../>
  3. <a id="go3".../>
y supongamos que cada parte del texto en el cuerpo está encabezado por un h2:
Código HTML:
Ver original
  1. <h2>Miguel Hernández</h2>
  2. contenido del apartado
  3. <h2>Jorge Guilén</h2>
  4. contenido
  5. <h2>Luis Buñuel</h2>
Los pasos siguientes serían:
.- dar un destino a cada enlace,
.- asignar un id a cada h2
.-cada h2 convertirlo en un enlace con destino a su enlace de origen.

de tal manera que quedase algo como
Código HTML:
Ver original
  1. <ul>
  2.     <li><a id="amiguelH" href="#h2miguelH" title="Ver su obra">Miguel Hernández</a></li>
  3.     <li><a id="aJguillen" href="#h2Jguillen" title="Ver su obra">Jorge Guillén</a></li>
  4.     <li><a id="aluisB" href="#h2luisB" title="Ver su obra">Luis Buñuel</a></li>
  5.   </ul>
  6. <!-- Otro contenido-->
  7. <h2 id="#h2miguelH"><a href="#amiguelH" title="subir al menú">Obra de Miguel Hernández</a></h2>
  8. <!-- Contenido -->
  9. <h2 id="#h2aJguillen"><a href="#aJguillen" title="subir al menú">Jorge Guillén</a></h2>
  10. <!-- Contenido -->
  11. <h2 id="#h2luisB"><a href="#aluisB" title="subir al menú">Obra de Luis Buñuel</a></h2>
  12. <!-- Contenido -->

Como ve, esa es la forma compleja, que serviría también para utilizar con notas a pie de página. De esa manera (sustituyendo los h2 por un span, por ejemplo) el visitante puede ir de una nota en el cuerpo a su explicación en el pie y regresar de nuevo al punto de partida.

Siempre lo puede simplificar. Marque con el id la lista (ul) y asigne como destino de cada h2/a la lista, en vez de cada enlace de ella.

Muchas gracias por responder.

Creo que ya casi sé hacerlo, pero tengo un último problema:

Al pulsar en "Obra poética" hace que en el navegador lo primero que se vea sea "Obra poética", pero no va al "cielo" de la página...


EDITO: Lo que necesito es que vaya al principio, no hace falta que se ponga exactamente en el menú de la izquierda; lo que pretendo es ir donde está el banner.


Muchas gracias.

Última edición por Gumshoe; 06/12/2010 a las 11:04