[SOLUCIONADO] como hacer q una pagina se queda quieta al pinchar enlace

[heinzy]

hola soy novato en esto de hacer pagina web
y mi problema es que no soy capaz de hacer q mi pagina se quede quieta cuando pincho en un enlace, osea es una pagina con el mismo logo superior q es bastante grande y cuando le doy al scroll para abajo en la ventana y pincho en un enlace se sube para arriba y yo quiero q quede quieta. no se si me he explicado bien aqui les dejo la pagina q esta subida www.flowerpower.es

gracias por la ayuda

[zerokilled]

¡buenas!
en realidad no se entiende mucho tu explicación. es normal que si pulsas un enlace, los elementos se te van a "mover". que en realidad no es que se mueven, sino que se carga un nuevo documento y/o el scroll se mueve a un punto determinado del documento en caso de ser un ancla. ¿qué exactamente quieres hacer? quizás con un sitio de referencia se entienda mejor.

de momento asumo lo que quieres hacer es cargar un documento sin que el actual cambie a grandes razgos. en dicho caso, lo más seguro lo que estás buscando son técnicas con AJAX. desgraciadamente para ti, no es algo nativo de html sino que envuelve programación, al menos javascript y posiblemente uno de lado servidor.

[maycolalvarez]

te recuerdo que cuando navegas (o cambias la pagina por otra al ejecutar un link) por defecto el navegador la posiciona al principio, a no ser que definas un marcador en dicha página y con el hashtag (#) el navegador se posicione en dicho punto.

[GAST0N]

lo que necesitas es AJAX ... investiga sobre javascript.. y algun lenguaje del lado servidor... comienza con PHP...

[heinzy]

muchas gracias por las respuestas!!

me habeis entendido a la perfeccion .
pero no se podria poner un enlace como <a href="algo.html y algun # hashtag al mismo tiempo para que al pinchar en el enlace te lleve a otra pagina pero q quede en la posicion q tu quieras?
y otra preg se puede crear un hashtag # con un enlace a una imagen en vez de a un texto??

gracias a los tres ;)

[emprear]

Algo muy universal no vas a encontrar, he visto tu página, y podrias, esto es tan solo un ejemplo, debajo de tu form de contacto, poner un elemento (bastaría un span sin contenido) con un id definido

</fom>
<span id="pieformulario"></span>

ahora, en el link del menu, en lugar de hacerlo a contacto.html, lo hacés a contacto.html#pieformulario, y asi en cada página buscar el lugar apropiado. Por supuesto lo que hagas se relativiza en función del alto de página que genere el diferente contenido y la necesidad del usuario de hacer scroll para visualizarlo.
como sugerencia final, intentaría compactar un poco más los elementos, ya sea reduciendo un poco el tamaño de algunas fuentes, y los espacios en blanco entre algunos elementos.

Saludos

[heinzy]

hola emprear!!

gracias por la respuesta pero no me funciona al poner por ejemplo

<a href="contacto.html#pie">algo </a>

<span id="pie> </span>

si lo pongo sin contacto.html si funciona pero con el hashtag y el enlace no. lo he probado de diferente maneras con comillas sin comillas con el hashtag despues de las comillas y nada. como lo hago??

me trae de cabeza esto la verdad y deberia ser muy simple

gracias de nuevo

[emprear]

<span id="pie> </span>

Si no le cerrás las comillas a pie no te va a funcionar, además que no te lo aclaré, id debe tener un valor único, no puede repetirse en el documento

<span id="pie"><!-- esto es un marcador --></span>

Saludos

[heinzy]

hola de nuevo emprear


perdona es que me equivoque en el foro con lo de

<span id="pie> </span>

en el documento html si lo puse bien y no a funcionado y el id no esta repetido a si que es unico.

<a href="contacto.html#pie">algo </a>

<span id="pie"> </span>

gracias por la ayuda

[emprear]

debería funcionar, pero... lo implementaste?, porque en tu página no veo ninguna modificación

SAludos

[heinzy]

hola lo he implementado lo que pasa es que estoy trabajando en otra version de esta misma web. un poco mas currada y tiene una galeria de fotos pero la estructura de la pagina es casi igual lo unico q cambia es a partir de la parte de abajo de la foto. lo que no se es como ponerla en la web para q lo veas ya que esta en construccion y prefiero que este la que esta cutre, a poner la de construccion que esta a medio construir.

si quieres pongo el codigo para q lo veas pero vamos cambia poco y esta bien el codigo de verdad lo he mirado 100 veces.
de verdad se puede poner un enlace <a con dos atributos juntos
por ejemplo un enlace de otra pagina y un hashtag #
yo eso creo que no se puede ya q he comprobado todas las posibilidades creoo
estas seguro q se puede??
gracias

[zerokilled]

de verdad se puede poner un enlace <a con dos atributos juntos
por ejemplo un enlace de otra pagina y un hashtag #
yo eso creo que no se puede ya q he comprobado todas las posibilidades creoo
estas seguro q se puede??

pulsa este enlace, http://www.forosdelweb.com/showthread.php?p=4133303. ¿a donde crees que te ha llevado? este ejercicio debe responder tu duda.

[emprear]

mirá, un ejemplo muy sencillo
http://foros.emprear.com/html/anclas/

inicia en a1 que dirige a a2 pero en una posición especifica (un ancla o marcador puesto en un span debajo del form.
En dónde debas poner tus marcadores dependerá de la posición que desees conseguir

Saludos

[heinzy]

Lo consegui sois unos maquinas muchas gracias.

lo estaba haciendo mal lo enlasaba a la misma pagina valla fallo mas tonto.

gracias por vuestra ayuda