Como alterar o comportamento de uma div?

HTML

CSS

16/12/2016

Olá gente!
Gostaria de saber como faço para alterar o comportamento de uma div, a minha é de um banner (que ficou enorme na home), 

<div class="banner">
            <div><a href="{{theme.banner_1_link}}">
              <img src='{{resize_image theme.banner_1_imagem "1300x>"}}'
             data-at2x='{{resize_image theme.banner_1_imagem "2600x>"}}'>
            </a></div>



Eu não entendo quase nada de programção, então to levando uma surra, alguém pode me ajudar?
Evelyn

Evelyn

Curtidas 0

Melhor post

Thiago Silva

Thiago Silva

20/12/2016

Boa tarde,

Você poderia deixar o código desta forma:

<div class="banner" style="width: 960px; heigh: 400px;">
              <a href="{{theme.banner_1_link}}">
                  <img src='{{resize_image theme.banner_1_imagem "1300x>"}}'
                            data-at2x='{{resize_image theme.banner_1_imagem "2600x>"}}' style="width: 100%; heigh: 100%">
               </a>
         </div>


Desta forma você estará definindo o tamanho do seu container principal e os elementos que estão dentro deste container, no caso o elemento <img>, para ocuparem 100% da largura e 100% da altura do container onde estão inseridos.

Lembrando que a melhor forma de se fazer esta implementação é através de CSS, e não diretamente no HTML, conforme feito acima.
GOSTEI 2

Mais Respostas

Thiago Silva

Thiago Silva

16/12/2016

Bom dia,

Poderia detalhar melhor o que você precisa fazer com o banner?
GOSTEI 0
Evelyn

Evelyn

16/12/2016

Oi Thiago, o banner ta ocupando praticamente toda a minha home, eu só queria diminui-lo. Sei que esse campo do código só altera a resolução dele, já tentei mudá-lo para alterar a altura e a largura, mas não consigo :/q
GOSTEI 0
POSTAR