Foros del Web » Creando para Internet » HTML »

Cómo hacer que automáticamente mi página se ponga arriba del todo

Estas en el tema de Cómo hacer que automáticamente mi página se ponga arriba del todo en el foro de HTML en Foros del Web. ¡Hola a todos! Soy nuevo en este foro. El título creo que no expresa muy bien mi duda... Así que la explico: Estoy creando una ...
  #1 (permalink)  
Antiguo 06/12/2010, 08:23
 
Fecha de Ingreso: diciembre-2010
Mensajes: 13
Antigüedad: 7 años
Puntos: 0
Cómo hacer que automáticamente mi página se ponga arriba del todo

¡Hola a todos!

Soy nuevo en este foro.

El título creo que no expresa muy bien mi duda... Así que la explico:


Estoy creando una web. Es de la Generación del 27, y dentro de esa tengo mucho texto, así que he puesto un pequeño menú a la izquierda, de manera que pulso en una fecha y salta automáticamente a la parte del texto donde yo he elegido.


Hasta ahí sé. Ahora lo que quiero hacer es a la inversa. O sea, quiero poner algo para que al pulsar en un botón salte automáticamente al "cielo" de la página.

Mirad, quiero poner aquí el código:





¿Alguien sabe qué código hay que poner?

P.D.: Estoy usando Notepad++

P.D.2: Sin no se entiende decidlo, es que no sé si lo he expresado bien del todo.
  #2 (permalink)  
Antiguo 06/12/2010, 08:30
Avatar de tomymolina  
Fecha de Ingreso: noviembre-2010
Mensajes: 50
Antigüedad: 7 años, 1 mes
Puntos: 1
Respuesta: Cómo hacer que automáticamente mi página se ponga arriba del todo

No se si entendi correctamente tu pregunta pero si es lo que estoy pensando es sumamente sencillo.

Si tu quieres que automaticamente salte al cielo de la pagina basta con agregar # en tu URL. EJemplo:

www.generaciondel27.com/index.html#

Un saludo.
  #3 (permalink)  
Antiguo 06/12/2010, 08:39
 
Fecha de Ingreso: diciembre-2010
Mensajes: 13
Antigüedad: 7 años
Puntos: 0
Respuesta: Cómo hacer que automáticamente mi página se ponga arriba del todo

Tomymolina, muchas gracias.

Eso lo sabía, ya que experimenté un poco ayer por la noche y vi eso. Lo que pasa es que es un proyecto que estoy haciendo en mi casa, y todavía no lo he subido a internet, así que no tiene URL.

Creo que existe algún código HTML, no estoy seguro, y por eso pregunté.

Muchas gracias.
  #4 (permalink)  
Antiguo 06/12/2010, 09:48
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Cómo hacer que automáticamente mi página se ponga arriba del todo

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.
  #5 (permalink)  
Antiguo 06/12/2010, 10:23
 
Fecha de Ingreso: diciembre-2010
Mensajes: 13
Antigüedad: 7 años
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
  #6 (permalink)  
Antiguo 06/12/2010, 12:09
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: Cómo hacer que automáticamente mi página se ponga arriba del todo

Pues dele un id al banner (o a su contenedor) y dirija a él el destino del enlace.
Y si por "cielo de página" se refiere a la parte superior (inicio) del html, dele en id al body:
Código HTML:
Ver original
  1. <body id="generacion27">
  2. <!-- contenido -->
  3.  
  4. <a href="#generacion27"...>...</a>
  #7 (permalink)  
Antiguo 06/12/2010, 12:16
 
Fecha de Ingreso: diciembre-2010
Mensajes: 13
Antigüedad: 7 años
Puntos: 0
Respuesta: Cómo hacer que automáticamente mi página se ponga arriba del todo

Una última cosa, el código del banner es este:

<center><A HREF="pagina 1.html"><IMG SRC="Aquí link del banner"></center>

¿Dónde le pongo el id?

Muchas gracias de nuevo.
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 10:31.