Crear enlace en DIV

[biechevarria]

Hola.
Buenos días.

Lo que quiero es insertar un enlace en un div que contiene una imagen y un texto con css, ya que resulta imposible hacerlo desde la plantilla que tengo de wordpress.

Saludos.

[Ito79]

Iniciado por biechevarria

Hola.
Buenos días.

Lo que quiero es insertar un enlace en un div que contiene una imagen y un texto con css, ya que resulta imposible hacerlo desde la plantilla que tengo de wordpress.

Saludos.

Hola,
Si no te quieres complicar mucho, simplemente dentro de la etiqueta A pones el DIV con la imagen, y el texto. Por ejemplo:

Código HTML:

<a href="https://en.wikipedia.org/wiki/Stonehenge">
<div>
    <img src="http://imageshack.com/a/img904/3757/WgDo0W.jpg">
    <p>Stonehenge</p>
</div>
</a>
 

[ArturoGallegos]

@Ito79 el elemento <a> es de linea lo cual implica que no puede contener en su interior elementos de bloque como es el caso del <div>

la sintaxis correcta para el ejemplo que propones es

Código HTML:

<div>
    <a href="#"><img src="#"></a>
    <p><a href="#">texto</a></p>
</div>
 

[biechevarria]

Hola chicos.
Para empezar gracias por vuestra ayuda.

No se si ha quedado claro, pero la web está echa con wordpress. Estoy en una situación en la que no puedo modificar codigo.

Necesitaría algun tipo de función JS para poder realizarlo de forma externa.

Saludos.

[Rafael]

¿No puedes modificar el código, y si puedes meter un JavaScript?

¿No puedes, o no sabes dónde está el div?

[biechevarria]

Iniciado por Rafael

¿No puedes modificar el código, y si puedes meter un JavaScript?

¿No puedes, o no sabes dónde está el div?

vamos a ver... El div se crea a reiz de la plantilla que permite crear columnas a partir de una fila de una sola columna.

Como comento por lo menos desde la propia plantilla no puedo, y como es logico el div se crea desde un fichero de la propia plantilla (no se cual es) ademas de que es bastante peligroso tocar el codigo.

Saludos.

[ArturoGallegos]

Si no tienes conocimientos base para tocar el código de la plantilla o te es muy peligroso, de poco te servirá lo que te digamos... no existe herramienta mágica que haga lo que necesitas, al menos no de forma automatica sin conocimientos.

Lo mejor que podrías hacer es crear un child-theme o bien un plugin que realice los cambios que necesitas, pero para el caso necesitas conocimientos sobre la plantilla, conocimientos medios de php y de las apis de wordpress.

[mardojai]

Iniciado por ArturoGallegos

@Ito79 el elemento <a> es de linea lo cual implica que no puede contener en su interior elementos de bloque como es el caso del <div>

Como anotación, en HTML5 los elementos <a> pueden contener todo tipo de elementos, siempre y cuando no sean interactivos (por ejemplo, botones u otros enlaces).

Saludos!

[biechevarria]

Tengo conocimientos.
La cosa es que si se en que fichero debo enlazar el fichero JS de turno, pero no desde el que se crea el div.

Saludos.