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

Respostas

Aline Bianchini

Aline Bianchini

16/12/2016

Olá Ellen,

Você poderia ser mais específica? O que exatamente você quer alterar? É o tamanho, quer colocar um efeito?
GOSTEI 0
Evelyn

Evelyn

16/12/2016

Oi Aline, eu quero alterar o tamanho (altura e largura) pq o banner ocupa a largura inteira do monitor e metade ou mais da altura da home.
GOSTEI 0
Aline Bianchini

Aline Bianchini

16/12/2016

Ellen,

Você pode fazer isso através das propriedade Height e Width. Você pode utilizar a unidade px (como no exemplo abaixo), ou então %, então se você quiser que o banner ocupe apenas 40% da sua tela basta colocar height ou width = 40%.

<html>
<body>

<img src="suaimagem.jpg"  width="100px" height="100px">

</body>
</html>


Se você tiver vários banners na página, pode criar uma classe em css e colocar em todos. Utilizar a porcentagem e css é melhor porque assim sua imagem pode ser redimensionada de acordo com a janela. 

<html>
<head>
<style>
img {
    max-width: 100%;
    height: auto;
}
</style>
</head>
<body>

<img src="suaImagem.jpg">

</body>
</html>
GOSTEI 0
POSTAR