Foros del Web » Creando para Internet » HTML »

[SOLUCIONADO] Problema con link que apunta un div

Estas en el tema de Problema con link que apunta un div en el foro de HTML en Foros del Web. bueno nose si va en el foro html4 en el html5 o en html6 beta, el problema que tengo es simple, no logro que anden ...
  #1 (permalink)  
Antiguo 22/05/2013, 20:04
Avatar de NSD
NSD
Colaborador
 
Fecha de Ingreso: mayo-2012
Ubicación: Somewhere
Mensajes: 1.332
Antigüedad: 7 años, 3 meses
Puntos: 319
Pregunta Problema con link que apunta un div

bueno nose si va en el foro html4 en el html5 o en html6 beta, el problema que tengo es simple, no logro que anden estos link para moverme dentro de una pagina. como se implementa con rewrite rule el sitio nesesito que la etqueta base este como esta porque sino se descajetan los link a archivos.

¿como se hace para poder hacer refencia a un div cuando se usa la etiqueta base?

Código HTML:
Ver original
  1. <!doctype html>
  2. <html lang="es">
  3.  
  4.     <base href="/" />
  5.     <meta charset="utf-8"/>
  6.     <title>Yo no ando</title>
  7. </head>
  8.  
  9.  
  10.    
  11.         <article style="width:700px;border:5Px solid red;height:700px" id="ArticuloPrimero">
  12.             <header><h2>Articulo Primero</h2></header>
  13.             <a href="#ArticuloSegundo">Articulo Segundo-></a>
  14.             <a href="#ArticuloTercero">Articulo Tercero-></a>
  15.         </article>
  16.        
  17.         <article style="width:700px;border:5Px solid green;height:700px" id="ArticuloSegundo">
  18.             <header><h2>Articulo Segundo</h2></header>
  19.             <a href="#ArticuloPrimero">Articulo Primero-></a>
  20.             <a href="#ArticuloTercero">Articulo Tercero-></a>
  21.         </article>
  22.        
  23.         <article style="width:700px;border:5Px solid brown;height:700px" id="ArticuloTercero">
  24.             <header><h2>Articulo Tercero</h2></header>
  25.             <a href="#ArticuloPrimero">Articulo Primero-></a>
  26.             <a href="#ArticuloSegundo">Articulo Segundo-></a>
  27.         </article>
  28.        
  29.  
  30. </body>
  31.  
  32. </html>
__________________
Maratón de desafíos PHP Junio - Agosto 2015 en FDW | Reglamento - Desafios

Última edición por NSD; 22/05/2013 a las 20:12
  #2 (permalink)  
Antiguo 24/05/2013, 14:58
Avatar de maycolalvarez
Colaborador
 
Fecha de Ingreso: julio-2008
Ubicación: Caracas
Mensajes: 12.120
Antigüedad: 11 años
Puntos: 1532
Respuesta: Problema con link que apunta un div

el rewrite no tiene nada que ver ya que se tratan de marcadores html.

los marcadores HTML se especifican con el tag <A> pero sin el href:

Código HTML:
Ver original
  1. <a name="nombre_del_marcador"></a>

referencia:
http://www.duiops.net/curso/enldp.htm
__________________
¡Por favor!: usa el highlight para mostrar código
El que busca, encuentra...
  #3 (permalink)  
Antiguo 25/05/2013, 10:02
Avatar de NSD
NSD
Colaborador
 
Fecha de Ingreso: mayo-2012
Ubicación: Somewhere
Mensajes: 1.332
Antigüedad: 7 años, 3 meses
Puntos: 319
Respuesta: Problema con link que apunta un div

Hola maycol, gracias por responder pero no funciona lo que me pasaste, talvez este haciendo algo mal, pero no anda. el tema del rewrite hace que nesesite a la etiqueta "base" en la pagina, y esta etiqueta es la que ocaciona que los enlaces locales no anden del todo bien he puesto tu codigo y no anda:

Código HTML:
Ver original
  1. <!doctype html>
  2. <html lang="es">
  3.  
  4.     <base href="/" />
  5.     <meta charset="utf-8"/>
  6.     <title>Yo no ando</title>
  7. </head>
  8.  
  9.  
  10.    
  11.         <A name="ArticuloPrimero"></A>
  12.         <article style="width:700px;border:5Px solid red;height:700px" id="ArticuloPrimero">
  13.             <header><h2>Articulo Primero</h2></header>
  14.             <a href="#ArticuloSegundo">Articulo Segundo-></a>
  15.             <a href="#ArticuloTercero">Articulo Tercero-></a>
  16.         </article>
  17.        
  18.         <A name="ArticuloSegundo"></A>
  19.         <article style="width:700px;border:5Px solid green;height:700px" id="ArticuloSegundo">
  20.             <header><h2>Articulo Segundo</h2></header>
  21.             <a href="#ArticuloPrimero">Articulo Primero-></a>
  22.             <a href="#ArticuloTercero">Articulo Tercero-></a>
  23.         </article>
  24.        
  25.         <A name="ArticuloTercero"></A>
  26.         <article style="width:700px;border:5Px solid brown;height:700px" id="ArticuloTercero">
  27.             <header><h2>Articulo Tercero</h2></header>
  28.             <a href="#ArticuloPrimero">Articulo Primero-></a>
  29.             <a href="#ArticuloSegundo">Articulo Segundo-></a>
  30.         </article>
  31.        
  32.  
  33. </body>
  34.  
  35. </html>
__________________
Maratón de desafíos PHP Junio - Agosto 2015 en FDW | Reglamento - Desafios
  #4 (permalink)  
Antiguo 26/05/2013, 04:05
Avatar de webosiris
Moderador egiptólogo
 
Fecha de Ingreso: febrero-2002
Ubicación: Luxor, Egipto
Mensajes: 10.727
Antigüedad: 17 años, 6 meses
Puntos: 998
Respuesta: Problema con link que apunta un div

NSD, por como lo veo, tienes 3 posibilidades:
1) realizar el rewrite de una forma de que no necesites usar BASE, wordpress por ejemplo usa rewrite y no toca para nada el base, así que de alguna forma se debe de poder hacer

2) Usar urls absolutas en tus enlaces internos

3) En el base poner la url de la página, aunque no se si te funcionará con tu rewrite actual
__________________
Pasamos tus PSD a HTML

Pobre del que lo sabe todo, porque no tiene nada más que aprender ni razón para vivir. -
  #5 (permalink)  
Antiguo 26/05/2013, 14:00
vis97c
Invitado
 
Mensajes: n/a
Puntos:
Respuesta: Problema con link que apunta un div

<a href="#ArticuloSegundo">Articulo Segundo-></a>

en el link deberias notar que haz puesto una etiquea de cierre donde no deberia

en vez de Articulo Segundo-> pon solamente Articulo Segundo
  #6 (permalink)  
Antiguo 26/05/2013, 14:53
Avatar de NSD
NSD
Colaborador
 
Fecha de Ingreso: mayo-2012
Ubicación: Somewhere
Mensajes: 1.332
Antigüedad: 7 años, 3 meses
Puntos: 319
Respuesta: Problema con link que apunta un div

vis97c hice lo que decis pero eso no afecta en nada, es solo un caracter no cierra ninguna etiqueta.

webosiris opte por tu segunda alternativa ya que es la que menos problema me hizo, pongo aqui la solucion por si alguien le pasa los mismo:

Código HTML:
Ver original
  1. <!doctype html>
  2. <html lang="es">
  3.  
  4.     <base href="/" />
  5.     <meta charset="utf-8"/>
  6.     <title>Yo no ando</title>
  7. </head>
  8.  
  9.  
  10.    
  11.         <A name="ArticuloPrimero"></A>
  12.         <article style="width:700px;border:5Px solid red;height:700px" id="ArticuloPrimero">
  13.             <header><h2>Articulo Primeroaaa</h2></header>
  14.             <a href="NoAndo.html#ArticuloSegundo">Articulo Segundo</a>
  15.             <a href="NoAndo.html#ArticuloTercero">Articulo Tercero</a>
  16.         </article>
  17.        
  18.         <A name="ArticuloSegundo"></A>
  19.         <article style="width:700px;border:5Px solid green;height:700px" id="ArticuloSegundo">
  20.             <header><h2>Articulo Segundo</h2></header>
  21.             <a href="NoAndo.html#ArticuloPrimero">Articulo Primero</a>
  22.             <a href="NoAndo.html#ArticuloTercero">Articulo Tercero</a>
  23.         </article>
  24.        
  25.         <A name="ArticuloTercero"></A>
  26.         <article style="width:700px;border:5Px solid brown;height:700px" id="ArticuloTercero">
  27.             <header><h2>Articulo Tercero</h2></header>
  28.             <a href="NoAndo.html#ArticuloPrimero">Articulo Primero</a>
  29.             <a href="NoAndo.html#ArticuloSegundo">Articulo Segundo</a>
  30.         </article>
  31.        
  32.  
  33. </body>

gracias por la ayuda.

PD: voy a ver que es lo que hace wordpress con el rewrite a ver si aprendo ajja
__________________
Maratón de desafíos PHP Junio - Agosto 2015 en FDW | Reglamento - Desafios

Etiquetas: html5, link
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 05:33.