Posicionar un renglón determinado en la misma hoja de un html al pulsar un botón o un vínculo
En dreamweaver
Como hago para que en un html al pulsar un botón o vinculo, este me posicione en un renglón especifico dentro de la misma hoja.
Por ejemplo al hacer un indice y pulsar sobre algono de los temas, me ubique el cursor en la cabeza de texto al que corresponde.
att. Rec321
Como hago para que en un html al pulsar un botón o vinculo, este me posicione en un renglón especifico dentro de la misma hoja.
Por ejemplo al hacer un indice y pulsar sobre algono de los temas, me ubique el cursor en la cabeza de texto al que corresponde.
att. Rec321
1 respuesta
Respuesta de luchofoxperu
1
La solución si usas dreamweaver es crear ANCHORS (anclas)
Para hacerlo, debes ubicarte al inicio de la linea en donde quieres que se posicione cuando presiones el primer link. Estando ahí, presionas CTRL + ALT + A o ir en tu Dreamweaver al menu INSERT y seleccionar NAMED ANCHOR.
Te aparecerá una ventanita en la cual pondrás un "identificador" para esa intentar. Por ejemplo le ponemos "1".
Así sucesivamente para los PUNTOS en donde quieres que tu menu te lleve.
Ahora, en tu menu, y como los links están en la misma página, seleccionas el texto que vas a linkear y en el cuadro de propiedades, en la casilla de LINK, pones así para cada opción: " #1 ". Así para cada relacionar cada opción del menu con cada "ANCLA" que has creado.
Un ejemplo en HTML, aquí:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<p><a href="#1">Titulo 1</a></p>
<p><a href="#2">Titulo 2</a></p>
<p><a href="#3">Titulo 3</a></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><a name="1"></a>TEXTO 1</p>
<p>aqui va el contenido de tu texto 1 ! </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><a name="2"></a>TEXTO 2</p>
<p>aqui va el contenido de tu texto 2!</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><a name="3"></a>TEXTO 3</p>
<p>aqui va el contenido de tu texto 3!</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</body>
</html>
Saludos,
Cuéntame como te fue!
LuchoFox
Para hacerlo, debes ubicarte al inicio de la linea en donde quieres que se posicione cuando presiones el primer link. Estando ahí, presionas CTRL + ALT + A o ir en tu Dreamweaver al menu INSERT y seleccionar NAMED ANCHOR.
Te aparecerá una ventanita en la cual pondrás un "identificador" para esa intentar. Por ejemplo le ponemos "1".
Así sucesivamente para los PUNTOS en donde quieres que tu menu te lleve.
Ahora, en tu menu, y como los links están en la misma página, seleccionas el texto que vas a linkear y en el cuadro de propiedades, en la casilla de LINK, pones así para cada opción: " #1 ". Así para cada relacionar cada opción del menu con cada "ANCLA" que has creado.
Un ejemplo en HTML, aquí:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<p><a href="#1">Titulo 1</a></p>
<p><a href="#2">Titulo 2</a></p>
<p><a href="#3">Titulo 3</a></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><a name="1"></a>TEXTO 1</p>
<p>aqui va el contenido de tu texto 1 ! </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><a name="2"></a>TEXTO 2</p>
<p>aqui va el contenido de tu texto 2!</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p><a name="3"></a>TEXTO 3</p>
<p>aqui va el contenido de tu texto 3!</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</body>
</html>
Saludos,
Cuéntame como te fue!
LuchoFox
