Como alterar o comportamento de uma div?

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

Curtir t�pico + 0

Responder

Post mais votado

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.

Thiago Silva

Responder

Gostei + 2

Mais Posts

16/12/2016

Thiago Silva

Bom dia,

Poderia detalhar melhor o que voc� precisa fazer com o banner?

Responder

Gostei + 0

16/12/2016

Evelyn

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

Responder

Gostei + 0