Foros del Web » Creando para Internet » HTML »

[SOLUCIONADO] Problema con vinculo de sección

Estas en el tema de Problema con vinculo de sección en el foro de HTML en Foros del Web. Buenos dias, Estoy haciendo una web con un menu superior de 4 opciones en las que cada una lleva a una sección diferente de la ...
  #1 (permalink)  
Antiguo 22/04/2017, 04:20
 
Fecha de Ingreso: junio-2014
Mensajes: 70
Antigüedad: 10 años, 5 meses
Puntos: 0
Problema con vinculo de sección

Buenos dias,
Estoy haciendo una web con un menu superior de 4 opciones en las que cada una lleva a una sección diferente de la misma pagina (de arriba a abajo) por así decirlo.

<nav id="fh5co-main-nav">
<ul>
<li><a href="#" data-nav-section="home">HOME</a></li>
<li><a href="#" data-nav-section="portfolio">PORTFOLIO</a></li>
<li><a href="#" data-nav-section="about">ABOUT</a></li>
<li><a href="#" data-nav-section="contact">CONTACT</a></li>
</ul>
</nav>

El problema que tengo es que en la sección portfolio hay diferentes opciones que llevan a otras paginas, y ahi quiero seguir incluyendo el menu superior pero no consigo que cada una de las opciones del menu lleva en a la sección adecuada. Solo conseguí que volviera a la parte superior, la que corresponde a HOME, incluyendo ".../index.html" en el "a href", pero no es lo que busco.

Hay alguna forma de ir a una sección concreta de otra pagina como quiero?
  #2 (permalink)  
Antiguo 22/04/2017, 09:17
Avatar de Rafael
Modegráfico
 
Fecha de Ingreso: marzo-2003
Mensajes: 9.028
Antigüedad: 21 años, 8 meses
Puntos: 1826
Respuesta: Problema con vinculo de sección

La manera correcta es asignar un ID al pedazo que necesitas.

Código HTML:
Ver original
  1. <section id="Portafolio">
  2. Bla bla
  3.  
  4. <section id="AcercaDeNosotros">
  5. Bla bla

Y tus links ponerlos como

Código HTML:
Ver original
  1. <a href="inicio.html#Portafolio">
  2. <a href="inicio.html#AcercaDeNosotros">
  #3 (permalink)  
Antiguo 22/04/2017, 11:17
 
Fecha de Ingreso: junio-2014
Mensajes: 70
Antigüedad: 10 años, 5 meses
Puntos: 0
Respuesta: Problema con vinculo de sección

Cita:
Iniciado por Rafael Ver Mensaje
La manera correcta es asignar un ID al pedazo que necesitas.

Código HTML:
Ver original
  1. <section id="Portafolio">
  2. Bla bla
  3.  
  4. <section id="AcercaDeNosotros">
  5. Bla bla

Y tus links ponerlos como

Código HTML:
Ver original
  1. <a href="inicio.html#Portafolio">
  2. <a href="inicio.html#AcercaDeNosotros">
Muchísimas gracias Rafael, no sabia que se podia añadir # en el "a href".
  #4 (permalink)  
Antiguo 22/04/2017, 13:06
 
Fecha de Ingreso: junio-2014
Mensajes: 70
Antigüedad: 10 años, 5 meses
Puntos: 0
Respuesta: Problema con vinculo de sección

No quiero abrir otro tema, por eso lo escribo aquí, pero ahora al dar click en el navegador en "ver pagina anterior" me da error de pagina no encontrada, "undefined" dice. Alguien sabe a que se debe?

Etiquetas: vinculo
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:11.