Foros del Web » Creando para Internet » HTML »

Uso correcto de las anclas

Estas en el tema de Uso correcto de las anclas en el foro de HTML en Foros del Web. Hola. Tengo un problema con las anclas, ya que no me funcionan como yo esperaria. Tengo el siguiente código en HTML en el index: <a ...
  #1 (permalink)  
Antiguo 19/12/2006, 11:13
 
Fecha de Ingreso: abril-2006
Mensajes: 133
Antigüedad: 11 años, 8 meses
Puntos: 2
Uso correcto de las anclas

Hola.
Tengo un problema con las anclas, ya que no me funcionan como yo esperaria.

Tengo el siguiente código en HTML en el index:

<a name="S">
<a href = "ancla.htm#S">Ancla
</a>

Se supone que esto deberia mandarme a algun lugar del archivo ancla.htm que tenga la letra "S", pero no me funciona asi. Tengo que poner algo en la "S" del archivo ancla.htm para que funcione??. O si no, que es lo que pasa?

Muchas gracias de antemano.
  #2 (permalink)  
Antiguo 19/12/2006, 11:46
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.547
Antigüedad: 15 años, 8 meses
Puntos: 1262
Re: Uso correcto de las anclas

Hola:

No es exacto que debe tener ese valor, sino que esté el ancla definida:
<a name="S">... me parece que también vale cualquier elemento con id="S"

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo
  #3 (permalink)  
Antiguo 19/12/2006, 11:50
 
Fecha de Ingreso: abril-2006
Mensajes: 133
Antigüedad: 11 años, 8 meses
Puntos: 2
Re: Uso correcto de las anclas

Hola!!
Si entiendo lo que me dices, pero el problema no es ese, si no que cuando cliqueo el link, este me manda a la página ancla.htm, pero no me manda hasta donde esta la "S" que yo puse. Si tengo claro que puede ser cualquier otra cosa en lugar de la "S", pero lo que pasa es que el link no me manda hasta la parte de la página en donde esta la "S".

Saludos!.
  #4 (permalink)  
Antiguo 19/12/2006, 13:06
Avatar de opeth  
Fecha de Ingreso: junio-2004
Ubicación: Distrito Federal, México
Mensajes: 338
Antigüedad: 13 años, 6 meses
Puntos: 0
Re: Uso correcto de las anclas

simplemente colócalo así

Cita:
<a id="s">
<a href = "ancla.htm#s">Ancla
</a>
o asñi si es dentro de la misma página


Cita:
<a id="s">
<a href = "#s">Ancla
</a>
__________________
Mi blog
  #5 (permalink)  
Antiguo 19/12/2006, 13:32
 
Fecha de Ingreso: abril-2006
Mensajes: 133
Antigüedad: 11 años, 8 meses
Puntos: 2
Re: Uso correcto de las anclas

Gracias por tu respuesta, pero no hizo lo que yo ando buscando. Me imagino entonces que el error debe estar en el archivo ancla.htm. Voy a poner el código de ancla a ver si pueden detectar alguna irregularidad:

Código HTML:
<html>
<head>
<title>Esto es una prueba de anclas</title>
</head>
<body>
<p>ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
ffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffffff<br>
</p>
<p>S</p>
</body>
</html> 
Lo que yo quiero Hacer es que, en el index donde yo clikeo el link, me mande al archivo ancla.htm, pero en la parte de abajo, es decir, donde esta la "s"

Saludos y muchas gracias
  #6 (permalink)  
Antiguo 19/12/2006, 13:33
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 10 meses
Puntos: 771
Re: Uso correcto de las anclas

Hola karma4561

Ponlo así:

<p id="S">S</p>

Saludos,
  #7 (permalink)  
Antiguo 20/12/2006, 07:08
 
Fecha de Ingreso: abril-2006
Mensajes: 133
Antigüedad: 11 años, 8 meses
Puntos: 2
Re: Uso correcto de las anclas

Hola!!
No me funciono!!

Podria alguien por favor poner el HTML que haga esta funcion? Estoy sospechando que el archivo ancla le falta algo para poder realizar lo que busco.

Mil gracias.
  #8 (permalink)  
Antiguo 20/12/2006, 18:36
Avatar de kahlito
Colaborador
 
Fecha de Ingreso: marzo-2003
Ubicación: En el Estrecho y el mar
Mensajes: 2.893
Antigüedad: 14 años, 9 meses
Puntos: 60
Re: Uso correcto de las anclas

Hola karma4561, creo que lo estas haciendo al revés, prueba así:

Código HTML:
<body>
<p><a href="#S">Bajar a S</a></p>
<p>Contenido...etc...etc...etc<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
</p>
<p id="S">S abajo</p>
</body> 
  #9 (permalink)  
Antiguo 20/12/2006, 19:07
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 13 años, 9 meses
Puntos: 63
Re: Uso correcto de las anclas

Hola gente

Si estás haciendo las pruebas con explorer, aparte de seguir las indicaciones super claras que ya te han dado, recuerda que dependiendo de que navegador usas, a veces no entiende el uso de id como indicador de posición en una página y deberías usar name, es decir, que puedes usarlo así:

Código:
<p name="S">texto</p>
También puedes poner el id y el name en la misma etiqueta
Código:
<p name="S" id="S">texto</p>
La forma correcta actualmente (desde hace 6 años) es con id, pero la definición de html 4.01 permite usar ambos identificadores en la misma etiqueta mientras ambos tengan el mismo valor.

Felicidad
__________________
¡ hey, hou, hou, hey !
  #10 (permalink)  
Antiguo 20/12/2006, 22:01
Avatar de pablinff  
Fecha de Ingreso: diciembre-2005
Ubicación: Argentina
Mensajes: 383
Antigüedad: 12 años
Puntos: 7
Re: Uso correcto de las anclas

Yo lo he hecho siempre así y me ha funcionado correctamente:
Código:
<a href="#ancla">Click para ir a "ancla"</a>
...
...
...
<a id="ancla">Esta es ancla!!</a>
Espero que te sirva.
Saludos!
__________________
I'm gonna start a revolution from my bed...
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 12:26.