[SOLUCIONADO] Problema con link que apunta un div

NSD · #1 (**permalink**) 22/05/2013, 20:04

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<!doctype html>
<html lang="es">
 
<head>
    <base href="/" />
    <meta charset="utf-8"/>
    <title>Yo no ando</title>
</head>
 
 
<body>
    
        <article style="width:700px;border:5Px solid red;height:700px" id="ArticuloPrimero">
            <header><h2>Articulo Primero</h2></header>
            <a href="#ArticuloSegundo">Articulo Segundo-></a>
            <a href="#ArticuloTercero">Articulo Tercero-></a>
        </article>
        
        <article style="width:700px;border:5Px solid green;height:700px" id="ArticuloSegundo">
            <header><h2>Articulo Segundo</h2></header>
            <a href="#ArticuloPrimero">Articulo Primero-></a>
            <a href="#ArticuloTercero">Articulo Tercero-></a>
        </article>
        
        <article style="width:700px;border:5Px solid brown;height:700px" id="ArticuloTercero">
            <header><h2>Articulo Tercero</h2></header>
            <a href="#ArticuloPrimero">Articulo Primero-></a>
            <a href="#ArticuloSegundo">Articulo Segundo-></a>
        </article>
        
 
</body>
 
</html>

maycolalvarez · #2 (**permalink**) 24/05/2013, 14:58

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<a name="nombre_del_marcador"></a>

referencia:
http://www.duiops.net/curso/enldp.htm

NSD · #3 (**permalink**) 25/05/2013, 10:02

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<!doctype html>
<html lang="es">
 
<head>
    <base href="/" />
    <meta charset="utf-8"/>
    <title>Yo no ando</title>
</head>
 
 
<body>
    
        <A name="ArticuloPrimero"></A>
        <article style="width:700px;border:5Px solid red;height:700px" id="ArticuloPrimero">
            <header><h2>Articulo Primero</h2></header>
            <a href="#ArticuloSegundo">Articulo Segundo-></a>
            <a href="#ArticuloTercero">Articulo Tercero-></a>
        </article>
        
        <A name="ArticuloSegundo"></A>
        <article style="width:700px;border:5Px solid green;height:700px" id="ArticuloSegundo">
            <header><h2>Articulo Segundo</h2></header>
            <a href="#ArticuloPrimero">Articulo Primero-></a>
            <a href="#ArticuloTercero">Articulo Tercero-></a>
        </article>
        
        <A name="ArticuloTercero"></A>
        <article style="width:700px;border:5Px solid brown;height:700px" id="ArticuloTercero">
            <header><h2>Articulo Tercero</h2></header>
            <a href="#ArticuloPrimero">Articulo Primero-></a>
            <a href="#ArticuloSegundo">Articulo Segundo-></a>
        </article>
        
 
</body>
 
</html>

webosiris · #4 (**permalink**) 26/05/2013, 04:05

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

#5 (**permalink**) 26/05/2013, 14:00

<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

NSD · #6 (**permalink**) 26/05/2013, 14:53

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<!doctype html>
<html lang="es">
 
<head>
    <base href="/" />
    <meta charset="utf-8"/>
    <title>Yo no ando</title>
</head>
 
 
<body>
    
        <A name="ArticuloPrimero"></A>
        <article style="width:700px;border:5Px solid red;height:700px" id="ArticuloPrimero">
            <header><h2>Articulo Primeroaaa</h2></header>
            <a href="NoAndo.html#ArticuloSegundo">Articulo Segundo</a>
            <a href="NoAndo.html#ArticuloTercero">Articulo Tercero</a>
        </article>
        
        <A name="ArticuloSegundo"></A>
        <article style="width:700px;border:5Px solid green;height:700px" id="ArticuloSegundo">
            <header><h2>Articulo Segundo</h2></header>
            <a href="NoAndo.html#ArticuloPrimero">Articulo Primero</a>
            <a href="NoAndo.html#ArticuloTercero">Articulo Tercero</a>
        </article>
        
        <A name="ArticuloTercero"></A>
        <article style="width:700px;border:5Px solid brown;height:700px" id="ArticuloTercero">
            <header><h2>Articulo Tercero</h2></header>
            <a href="NoAndo.html#ArticuloPrimero">Articulo Primero</a>
            <a href="NoAndo.html#ArticuloSegundo">Articulo Segundo</a>
        </article>
        
 
</body>

gracias por la ayuda.

PD: voy a ver que es lo que hace wordpress con el rewrite a ver si aprendo ajja