Foros del Web » Creando para Internet » HTML »

Link a seccion especifica de otra pagina

Estas en el tema de Link a seccion especifica de otra pagina en el foro de HTML en Foros del Web. Tengo en el index varios botones con vinculos, necesito que al presionar por ej. Foros me redirija a el div name="foros" de la pagina internet.html ...
  #1 (permalink)  
Antiguo 20/10/2013, 10:04
Avatar de aguila_393  
Fecha de Ingreso: septiembre-2007
Ubicación: Argentina
Mensajes: 406
Antigüedad: 17 años, 1 mes
Puntos: 1
Link a seccion especifica de otra pagina

Tengo en el index varios botones con vinculos, necesito que al presionar por ej. Foros me redirija a el div name="foros" de la pagina internet.html .

Segun lei tendria que ser algo como <a href="internet.html/#foros"> Foros </a> y en internet.html iria <div name="foros">...</div> o tambien lei que tenia que redirigir a un <a name="foros"> Foros </a> pero ninguna me funciono. Alguien sabe como hacerlo?

Gracias!
  #2 (permalink)  
Antiguo 20/10/2013, 10:11
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 11 años, 2 meses
Puntos: 578
Respuesta: Link a seccion especifica de otra pagina

Esa técnica sólo funciona con links así que deberías meter el div dentro de un ancla y asignarle un id o name para poder tomarlo como referencia:

Código HTML:
<a id="guia" href="javascript:void(0)">
<div>Soy un div</div>
</a> 
COMPONENTE: internet.html#guia

Saludos

Última edición por PHPeros; 20/10/2013 a las 10:22
  #3 (permalink)  
Antiguo 20/10/2013, 11:20
Avatar de aguila_393  
Fecha de Ingreso: septiembre-2007
Ubicación: Argentina
Mensajes: 406
Antigüedad: 17 años, 1 mes
Puntos: 1
Respuesta: Link a seccion especifica de otra pagina

Cita:
Iniciado por PHPeros Ver Mensaje
Esa técnica sólo funciona con links así que deberías meter el div dentro de un ancla y asignarle un id o name para poder tomarlo como referencia:

Código HTML:
<a id="guia" href="javascript:void(0)">
<div>Soy un div</div>
</a> 
COMPONENTE: internet.html#guia

Saludos
Buenisimo, ya me funciono, no hace falta poner el href="javascript:void(0)" y solo hay que agregar <a id="guia> </a> antes del div que quiera mostrar.
  #4 (permalink)  
Antiguo 20/10/2013, 11:35
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.489
Antigüedad: 22 años, 3 meses
Puntos: 2114
Respuesta: Link a seccion especifica de otra pagina

No hace falta que lo metas en un enlace. Antes con HTML4.1 había que especificarlo mediante un enlace con name que hacía las veces de ancla, pero en HTML5 esto cambió y ahora se apunta directamente al identificador del elemento, de cualquier elemento. Así que poner un enlace, a menos que necesites un enlace, es tontería y mal código.

Puedes perfectamente ponerle a ese div un identificador:
Código HTML:
Ver original
  1. <div id="guia">Soy un div</div>

Etiquetas: especifica, href, link, seccion
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 18:46.