Imagenes en la misma línea con distintos enlaces
-
Buenos días,
He puesto tres imagenes diferentes en una misma linea y quiero que cada una tenga un enlace distinto pero por defecto cuando cambio el enlace a una de las imagenes le pone el mismo a las tres y no tengo ni idea de como hacerlo.
Os copio el código que me genera.
<img class=»alignleft wp-image-1588 size-thumbnail» src=»http://conazucaryalgodon.files.wordpress.com/2014/09/chocolate-correcto.png?w=164″ alt=»chocolate correcto» width=»164″ height=»200″ /><img class=»alignright wp-image-1590 size-thumbnail» src=»http://conazucaryalgodon.files.wordpress.com/2014/09/chocolate-chips-correcto.png?w=161″ alt=»chocolate chips correcto» width=»161″ height=»200″ /><img class=»aligncenter wp-image-1589 size-thumbnail» src=»http://conazucaryalgodon.files.wordpress.com/2014/09/la-glasa-correcta.png?w=162″ alt=»La glasa correcta» width=»162″ height=»200″ />Muchas gracias de antemano.
El blog con el que necesito ayuda es (visible solo para usuarios conectados).
-
El código está incompleto, ponlo entre acentos graves o utiliza el botón code para que se vea correctamente. Un acento grave, todo el código y otro acento grave. O el mismo método con el botón code.
Y además, tu blog está marcado como privado y como no podemos verlo, no podemos comprobar el código, aunque se vea correctamente.
-
Muchas gracias por responder Galois, si el blog está en privado porque estoy cambiando cosas y es para que la gente no vea los estropicios que puedo llegar a hacer.
Porque no me envías un solicitud y te admito y así lo ves?
Es que no entiendo lo que me dices del code, lo he puesto al principio y al final del código y cuando voy a editar imagen y cambio el enlace de una me vuelve a cambiar el de las tres.
Es así como me decías…?
<img class="alignleft wp-image-1588 size-medium" src="http://conazucaryalgodon.files.wordpress.com/2014/09/chocolate-correcto.png?w=246" alt="chocolate correcto" width="246" height="300" /><img class="alignright wp-image-1590 size-medium" src="http://conazucaryalgodon.files.wordpress.com/2014/09/chocolate-chips-correcto.png?w=241" alt="chocolate chips correcto" width="241" height="300" /><img class="aligncenter size-medium wp-image-1589" src="http://conazucaryalgodon.files.wordpress.com/2014/09/la-glasa-correcta.png?w=243" alt="La glasa correcta" width="243" height="300" />Gracias de nuevo
-
Porque no me envías un solicitud y te admito y así lo ves?
Porque este es un foro y no un soporte técnico personalizado. Las respuestas y/o soluciones les tienen que servir a todos los usuarios.
Es que no entiendo lo que me dices del code, lo he puesto al principio y al final del código y cuando voy a editar imagen y cambio el enlace de una me vuelve a cambiar el de las tres.
Lo que te dije era para que el código que pegaste en tu primer mensaje saliera completo aquí, en el foro. No me refería a tu blog, que no puedo ver, sino a cómo poner código en este foro.
Ahora se ve correctamente el código y aunque no puedo acceder a tu blog, creo que el problema es que cuando pones el enlace, aunque lo hagas sin darte cuenta, abarcas las tres imágenes con él, en lugar de poner un enlace a cada imagen.
Digo creo, porque no sé bien en dónde has
…puesto tres imagenes diferentes en una misma linea
y quieres que
…cada una tenga un enlace distinto
¿En un post, en una página, en un widget de texto?
-
Es en una página que he puesto como página principal del blog, lo que quería hacer es que cada foto enlazara a una entrada diferente.
Lo que hago para poner los enlaces es pinchar sobre la imagen, voy al lapiz para editar imagen, pongo url personalizada y la dirección a la que la quiero enlazar y va y me cambia las tres imágenes, cuando yo en realidad sólo he pinchado sobre una. -
Lo tienes que hacer con el editor en modo texto, para tener un control mayor sobre qué imagen es enlazada. También se puede hacer con el editor en modo visual, pero requiere más práctica.
Además, al ser tres imágenes, se hace más difícil, porque hay que ajustar bien los tamaños de cada una para que no se superpongan, tener en cuenta el ancho del tema/plantilla que usas, etc.
Incluso se puede usar una tabla (es un poco más complicado, pero se puede).Así que hablando en general, ya que no puedo ver tu blog, el código debería ser de este tipo:
<a href="http://conazucaryalgodon.com/lo-que-sea1"><img class="alignleft wp-image-1588 size-medium" src="http://conazucaryalgodon.files.wordpress.com/2014/09/chocolate-correcto.png?w=246" alt="chocolate correcto" width="246" height="300" /></a><a href="http://conazucaryalgodon.com/lo-que-sea2/"><img class="alignright wp-image-1590 size-medium" src="http://conazucaryalgodon.files.wordpress.com/2014/09/chocolate-chips-correcto.png?w=241" alt="chocolate chips correcto" width="241" height="300" /></a><a href="http://conazucaryalgodon.com/lo-que-sea3"><img class="aligncenter size-medium wp-image-1589" src="http://conazucaryalgodon.files.wordpress.com/2014/09/la-glasa-correcta.png?w=243" alt="La glasa correcta" width="243" height="300" /></a>
Como verás, hay tres enlaces diferentes, uno para cada imagen. -
Muchas gracias Galois, has dado en el clavo, yo intenté hacerlo pero claro no me salió… Me he guardado el código a buen recaudo para otras veces.
Millones de gracias, genio!!! -
- El debate ‘Imagenes en la misma línea con distintos enlaces’ está cerrado y no admite más respuestas.