1
resposta

[Dúvida] Imagem do banner, ajuste

Ola pessoal! Estava fazendo alguns testes com o código e usei uma imagem diferente para o Banner, ela acabou ficando maior que a origina gostaria de reduzir a altura dela no css. Qual instrução que uso?

body {

}

#banner { width:100%; // Aqui eu reduzo a largura, gostaria de reduzir a altura também.. }

.principal { background: #CCCCCC; padding: 30px; }

h1 { text-align: center }

p { text-align: center; }

#missao { font-size:20px }

em strong { color: #FF0000; }

.itens { font-style: italic }

.beneficios { background: #FFFFFFF; padding: 20px; }

h2 { text-align: center; } ul { display: inline-block; vertical-align: top; width:20%; margin-right: 15%;

}

.imagembeneficios { width: 50%; }

1 resposta

Olá, Antonio.

Tudo bem?

Pode alterar a propriedade height: ; que é referente a altura do elemento, você pode colocar a medida em pixel que é o px, exemplo height: 200px; ai vai ajustando aumentando e diminuindo até ficar uma altura legal:

#banner { 
        width:100%; // Aqui eu reduzo a largura, gostaria de reduzir a altura também.. 
        height: 200px; // Aqui reduz a altura
        }

Espero ter ajudado. Qualquer dúvida manda aqui. Valeu.