Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Eu tenho um site em desenvolvimento.
Aí eu quero que ele fique na tela toda, é pra ser um site responsivo, eu tô usando o bootstrap...
Ele só fica em tela cheia se eu der zoom de 150%: https://prnt.sc/fe1fig
Se eu deixar normal ele fica assim: https://prnt.sc/fe1fn6
Minha tela é Full HD.
A imagem tem tamanho de 1400 x 767.
O link do meu código é esse: https://codepen.io/sandsoncosta/pen/XRLvvW
Ele não tá todo formatadinho, mas aqui tá o link do arquivo completo: https://drive.google.com/file/d/0B28SaVWuwZ5kSlZURWlWRlljdjg/view?usp=sharing
Aí como que eu faço pra deixar ele na tela toda?
Obrigado.
>
Agora, luannsr12 disse:
Você quer que o Background fique na tela toda?
Não. Eu só quero que essa imagem: https://prnt.sc/fe1fn6 preencha toda a lateral...Pra ficar 100% de largura.
No meu css tá 100% de largura com 728 de altura.
esse você usasse isso
body{
background: url(../img/banner.jpg);
width: 100%;
height: 728px;
}
no lugar da div id="banner">
4 minutos atrás, luannsr12 disse:
esse você usasse isso
body{
background: url(../img/banner.jpg);
width: 100%;
height: 728px;
}
no lugar da div id="banner"
Não. Nesse caso aí eu não quero mudar o background, e não é o que eu quero. Eu quero fazer dessa imagem um slide, entende.entendi amigo , entao se você esta querendo fazer um Slide , e esta uzando Bootsatrap usa este Slide aqui !
<div class="carousel slide" id="carousel-509541">
<ol class="carousel-indicators">
<li class="active" data-slide-to="0" data-target="#carousel-509541">
</li>
<li data-slide-to="1" data-target="#carousel-509541">
</li>
<li data-slide-to="2" data-target="#carousel-509541">
</li>
</ol>
<div class="carousel-inner">
<div class="item active">
<img alt="Carousel Bootstrap First" src="LINK DA SUA IMAGEM">
<div class="carousel-caption">
<h4><font><font>
Primeiro Slide
</font></font></h4>
<p><font><font>
Cras justo odio, dapibus ac facilisis in, egestas eget quam. </font><font>Donec id elit non mi porta gravida no eget metus. </font><font>Nullam id dolor id nibh ultricies vehicula ut id elite.
</font></font></p>
</div>
</div>
<div class="item">
<img alt="Carousel Bootstrap Second" src="LINK DA SUA IMAGEM">
<div class="carousel-caption">
<h4><font><font>
Segundo Slide
</font></font></h4>
<p><font><font>
Cras justo odio, dapibus ac facilisis in, egestas eget quam. </font><font>Donec id elit non mi porta gravida no eget metus. </font><font>Nullam id dolor id nibh ultricies vehicula ut id elite.
</font></font></p>
</div>
<div class="item">
<img alt="Carousel Bootstrap Third" src="LINK DA SUA IMAGEM">
<div class="carousel-caption">
<h4><font><font>
Terceiro Slide
</font></font></h4>
<p><font><font>
Cras justo odio, dapibus ac facilisis in, egestas eget quam. </font><font>Donec id elit non mi porta gravida no eget metus. </font><font>Nullam id dolor id nibh ultricies vehicula ut id elite.
</font></font></p>
</div>
</div>
</div> <a class="left carousel-control" href="#carousel-509541" data-slide="prev"><span class="glyphicon glyphicon-chevron-left"></span></a> <a class="right carousel-control" href="#carousel-509541" data-slide="next"><span class="glyphicon glyphicon-chevron-right"></span></a>
</div>Não, mas o problema não é a construção do html ou css... É como que eu faço pra deixar a imagem cheia.
Problema resolvido. Pode fechar.
Você quer que o Background fique na tela toda?