Problemas para hacer enlace a una imagen

[itzaliluna]

Hola a todos,

Hace tiempo que no me pasaba por aquí a pediros ayuda.

Llevo algún tiempo creando una web personal donde enseñar mis trabajos. Aunque tengo experiencia con html y (un poco de php), no quería compliarme en exceso la vida y partí de una plantilla de wordpress que he intentado maquear.

En realidad, creo que el hecho de que sea una plantilla de wordpress no tiene nada que ver con el problema, por eso no lo he puesto en ese subforo.

Creo que tiene que ver con alguna parte del código que no entiendo (quizás algo de php).

Os cuento. He colocado 4 imagenes en la parte superior izquierda de mi página con enlaces a redes sociales (por ahora solo está operativo el de vimeo)

Enlace para que comprobéis como funciona bien en la primera página y no en el resto ->http://www.morph3d.tk

El caso es que únicamente me funciona en la página inicial. Esto creo que se debe a que en realidad yo no he escrito el código de esas páginas, sino que lo escribe la propia plantilla del wordpress. Este es el trozo de código extraido con firefox:

Código:

<div class="top_right">
<img src="morph-3d-arquitecto-bilbao-facebook.png" alt="Morph 3D Arquitectura Bilbao | Link Facebook" /><img src="morph-3d-arquitecto-bilbao-twitter.png" alt="Morph 3D Arquitectura Bilbao | Link Twitter" /><img src="morph-3d-arquitecto-bilbao-flickr.png" alt="Morph 3D Arquitectura Bilbao | Link Flickr" /><a  href="http://vimeo.com/julenapraiz"><img src="morph-3d-arquitecto-bilbao-vimeo.png" alt="Morph 3D Arquitectura Bilbao | Link Vimeo" /></a>		   
</div>

He descubierto que no funciona bien porque automáticamente (y no sé porqué) considera esas rutas relativas a la página en la que estas, de manera que si tengo las imagenes en la raiz del sitio, me las muestra bien. Le añade "www.morph3d.tk/", que es donde están. Pero a esos mismo enlaces si estoy en otra página les añade por ejemplo "www.morph3d.tk/portfolio/" con lo que ya no las encuentra y se muestra únicamente su etiqueta alt.

Está claro que el problema es que tengo que introducir el código a traves del panel del wordpress y éste luego lo modifica sin saber yo cómo. La solución pasaría por poner una ruta absoluta, pero he probado escribiendo la ruta completa en el campo de la plantilla y la suma a la que el pone.

Este es el código que introduzco en el apartado de panel de la plantilla ->

Código:

<img src="morph-3d-arquitecto-bilbao-facebook.png" alt="Morph 3D Arquitectura Bilbao | Link Facebook" /><img src="morph-3d-arquitecto-bilbao-twitter.png" alt="Morph 3D Arquitectura Bilbao | Link Twitter" /><img src="morph-3d-arquitecto-bilbao-flickr.png" alt="Morph 3D Arquitectura Bilbao | Link Flickr" /><a  href="http://vimeo.com/julenapraiz"><img src="morph-3d-arquitecto-bilbao-vimeo.png" alt="Morph 3D Arquitectura Bilbao | Link Vimeo" /></a>

Alguna idea de que puedo estar haciendo mal?

Gracias y un saludo.

[itzaliluna]

He consultado más en google y he encontrado una explicación de como funcionan las rutas relativas.

"La ruta relativa llama al mismo archivo pero DESDE el lugar donde estamos parados, es decir que solo funciona dentro de nuestro dominio. Por ejemplo: si nosotros estamos en el directorio principal y queremos insertar la foto desde el index la ruta relativa DESDE el index sería: imagenes/miperro.jpg

Nosotros ya estabamos en comocrearunsitioweb.com/ solo habia que entrar a una carpeta llamada imagenes y buscar la foto. Ahora supongamos que estamos dentro de una categoria llamada "articulos" y queremos insertar la foto, la ruta relativa DESDE ese punto sería: ../imagenes/miperro.jpg

Los dos puntos antes de la barra (../) significa un paso hacia atrás, porque teniamos que salir de la carpeta "articulos" y entrar a la carpeta "imagenes" donde esta la foto."

El caso es que no lo entiendo, si precisamente el código que introduzco es del tipo primero. ¿por qué me añade las subcarpetas en la ruta automáticamente?

¿?¿?¿?¿?

Saludos

[itzaliluna]

Bueno,

Parece que ha sido consultaros y empezar a dar con la respuesta. Gracias al google y a que me ha enviado a un tema de este mismo foro.

http://www.forosdelweb.com/f15/ruta-...soluta-353877/

En resumen, la solución era ponerle precisamente una "/" delante de la ruta para que partira siempre del index.

Y yo pensaba que eso hacía justo lo contrario.

Bueno, gracias en cualquier caso el creador del otro post (y al que da la respuesta, claro)