Jump to content
LoryF

Imagem sobrepõe o Header

Recommended Posts

Preciso de Ajuda

 

Eu estou fazendo um Curso de Desenvolvimento de Sistemas, que inclui a Pogramação WEB, sendo assim, tenho um trabalho para entregar amanhã, porém estou com um problemas, porque a imagem que eu coloquei no Section está sobrepondo o meu Header quando eu rolo a página. Qual comando posso utilizar para deixar ela em "segundo plano"?

Obs: eu separei o section em duas div's ---> uma para a escrita (conteúdo) e outra para as imagens --->  a posição delas está correta, pois quero que fiquem lado a lado (conteudo à esquerda e imagens à direita)

 

assim está o meu CSS

 

header {
    position: fixed;
    bottom: 80%;
    background-color:black;
    color:white;
    text-align:center;
    width:90%;
    padding-top:2%; 
    padding-right:5%;
    padding-bottom:2%;
    padding-left:5%; 

}

 

section{
    position: relative;
    left: 17%;
    top: 20%;
    bottom: 50%;
    width:73%;
    float:left;
    height:auto;%;
    padding-top:2%; 
    padding-right:5%;
    padding-bottom:25%;
    padding-left:5%;
    /*1160*/
    /*1160+170=1330*/
}

 

#centro{
    position: absolute;
    width: 40%;
    height: auto%;
    margin: 0%;
    clear: both;
    float: left;
}

 

#image{
    position: relative;
    top: 30%;
    left: 50%;
    float: left;
    width: 40%;
    height: auto%;
    clear: both;
}

 

img{
    float: left;
}
 

Share this post


Link to post
Share on other sites

Coloque as partes em um

 

html

<hgroup>  </hgroup>

 

e no CSS coloca em 

 

{

display:blok

 

ai o float: lift e right vao fuincionar...

estou sem tempo aqui se nao postava direito....

 

coloca o footer {

clear: both

 

tambem... foi mals tenho que sair aqui espero ter ajudado.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Ewfc2005
      Gostaria de saber como eu devo fazer para alinhar 3 imagens lado a lado, sem fazer o site deixar de ser responsivo.
      que fique igual ao desse site
       
      https://ciesalon.com/
       
    • By Vinicius Bazan
      Sou leigo ainda no Java Script e não manjo de muita coisa ainda, eu preciso fazer uma função que que deve ser executada na pagina HTML, eu crio a função dentro da tag <script> na <head> do html, mas como eu chamo essa função no momento que eu precisar no <body>, o que eu devo digitar pro código saber que ali deve executar a função?
    • By Articulando
      Galera, seguinte. Estou tentando criar um evento em javascript que funciona da seguinte maneira; existem 5 checkbox na tela, ao selecionar dois checkbox os outros irão travar e não permitir o clique, se o usuário clicar novamente retirando a seleção de algum dos que foi selecionado ele volta a habilitar. Até então o código funciona blz, porém agora eu preciso fazer com que os dois primeiros checkbox contém como um único clique, ou seja, são 2 checkbox para travar, porém se eu selecionar o primeiro e o segundo eles contam como um, então eu o usuário poderia realizar outro clique em algum checkbox e ficariam 3 checkbox selecionados, porém isso só se aplica aos dois primeiros checkbox, caso não sejam eles é apenas dois cliques, se eles forem clicados o usuário pode escolher mais uma opção.
       
      o código atual está assim:
       
      <script type="text/javascript">
                  (function(){
                      "use strict";
                      var marcados = 0;
                      var verifyCheckeds = function($checks) {
                          if( marcados>=2 ) {
                              loop($checks, function($element) {
                                  $element.disabled = $element.checked ? '' : 'disabled';
                              });
                          } else {
                              loop($checks, function($element) {
                                  $element.disabled = '';
                              });
                          }
                      };
                      var loop = function($elements, cb) {
                          var max = $elements.length;
                          while(max--) {
                              cb($elements[max]);
                          }
                      }
                      var count = function($element) {
                          return $element.checked ? marcados + 1 : marcados - 1;
                      }
                      window.onload = function(){
                          var $checks = document.querySelectorAll('input[type="checkbox"][name="modalidades[]"]');
                          loop($checks, function($element) {
                              $element.onclick = function(){
                                  marcados = count(this);
                                  verifyCheckeds($checks);
                              }
                              if($element.checked) marcados = marcados + 1;
                          });
                          verifyCheckeds($checks);
                      }
                  }());
              </script>
       
       
      Quem conseguir me ajudar eu agradeço, preciso muito desse código rodando. 
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.