Como alterar o comportamento de uma div?

16/12/2016

0

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

Responder

Posts

19/12/2016

Aline Bianchini

Olá Ellen,

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

19/12/2016

Evelyn

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.
Responder

19/12/2016

Aline Bianchini

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>
Responder

Que tal ter acesso a um e-book gratuito que vai te ajudar muito nesse momento decisivo?

Ver ebook

Recomendado pra quem ainda não iniciou o estudos.

Eu quero
Ver ebook

Recomendado para quem está passando por dificuldades nessa etapa inicial

Eu quero

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar