Abrindo outra página ao clicar na div que do Jumbotron

[jcvilanova]

Galera, nesse jumbotron eu coloquei uma imagem de fundo e esse h1. o H1 tem um link para outra página, no entanto, eu quero retirar o h1 e deixar apenas a imagem, porem, quero que ela continue linkando as duas páginas. Como posso fazer isso ?

<div class="jumbotron p-4 text-white" style="background-image: url('<?php echo URL . 'assets/imagens/artigo/' . $imagem; ?>');">
  <div class="col-md-6 px-0">
    <h1 class="display-4 fst-italic"><?php echo $titulo; ?></h1>
  </div>
</div>

[jcvilanova]

tentei colocar o codigo aqui para verem mas nao aparefce

[felquis]

É assim:
```html
// código aqui
```

[felquis]

É isso que você quer?

Como você disse que não quer o h1 ficaria +- dessa forma.

<a class="jumbotron p-4 text-white w-64 h-64 block" style="background-image: url('<?php echo URL . 'assets/imagens/artigo/' . $imagem; ?>');">
  <h1 class="sr-only"><?php echo $titulo; ?></h1>
</a>

Coloquei um tamanho width e height para o link e coloquei block pois por padrão ancoras são display inline. E precisa de display block ou inline-block para poder usar width e height em elementos inline.

[jcvilanova]

ess h1 deixaria de existir. ficaria apenas a imagem de fundo no jumbotron. Ai, clicando em qualquer parte do jumbotron abriria a pagina correspondente. no seu exemplo ai onde está o link ?

[felquis]

Editei com o código correto.

[jcvilanova]

não está aparecendo aqui pra mim o seu código

[felquis]

aqui #2290 (comment)

[jcvilanova]

como faço para te mandar a captura de tela por aqui? depois que troquei o

por ficou assim, quero mandar as imagens de antes e depois pra voce ver o que aconteceu

[jcvilanova]

estava assim

[jcvilanova]

depois que fiz o que voce mandou ficou assim

[jcvilanova]

ai eu nao entendi

[jcvilanova]

Consegui resolver atraves do javascript