Jump to content
ThosuZ

Problema com organização de divs no rodapé

Recommended Posts

Olá, pessoal! Estou com problemas pra organizar meu rodapé. Quero deixar da seguinte forma: as informações de contato e um formulário lado a lado, e em baixo as informações padrões de um rodapé ("Copyright 2020 etc").

 

Eu criei uma div pras informações de contato e outra pro formulário, setei float: left e right pra eles respectivamente, mas a terceira div (Copyright) ficou no meio, não em baixo. Como resolvo?

 

HTML:

 

<footer>
    <div class="fcenter">
    <div class="infos">
        <p class="ftitulo">Águia Publicidade</p>
        <p class="finfos">Rua Treze de Maio, 191</p>
        <p class="finfos">Ed. Marc Jacob, sala 504</p>
        <p class="finfos">(91) 99182-4761</p>
        <p class="finfos">contato@aguiapublicidade.com</p>
    </div>
    <div class="contato">
        <p class="ftitulo">Contate-nos</p>
        <form action="enviar.php" method="post" class="rodape">
            <p class="formu">Nome: </p><input type="text">
        </form>
    </div>
    </div>
    <div class="copyright">
        <p class="rodape">&copy; Todos os direitos reservados. Desenvolvido por Arthur, designer da Águia&reg; Publicidade.</p>
    </div>
</footer>

CSS:

/*  footer settings  */

footer {
    background-color: #303030;
    color: #fff;
    margin: 0px -8px 0px -8px;
}

.fcenter {
    width: 500px;
    margin: 0 auto;
}

.infos {
    float: left;
}

.contato {
    float: right;
}

 

Como ficou:

sadascasc.png.a9b4fc69db28267b38359cbfcaf4e756.png

 

Como eu gostaria que ficasse mais ou menos:

http://miritigrafica.com.br/#faleconosco

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 Roberto S. Santos
      Bom dia.
      Eu gostaria de postar uma foto do meu computador no facebok usando VB.NET com login automático.
      Teria como fazer em VB.net ou HTML ?
      Obrigado.
    • By Carlos Longo
      Srs Bom dia,
       
      fiz inumeras tentativas para mostrar a imagem com link em:
       <script type="text/javascript"> var imagens =  new Array( '1.jpg', '2.jpg', '3.jpg','4.jpg', '5.jpg', '6.jpg'); var num_img = 6; var img_atual =0; function ChangeImg() { if (img_atual < (num_img - 1) ) { img_atual = img_atual + 1; } else { img_atual = 0; } document["img_apoio"].src = "http://www.ficasimples.com.br/calcfal/prop/" + imagens[img_atual]; var x = setTimeout ("ChangeImg()", 2000); }   </script>  
      ela posteriormente é chamada assim:
      queria que ao clicar na figura fosse chamado o link da figura especifica conforme valor da variavel  imagens[img_atual]/////
      <img name="img_apoio" src="http://www.ficasimples.com.br/calcfal/prop/1.jpg" alt="" border="0"width="190px" height="210px" align="center">  
       
      poderiam me ajudar??
       
      grato
       
      Carlos
    • By RPM13
      Boa tarde, senhores(as)!
      Estou a procura de algum profissional para desenvolver um website para mim.
      Entro mais detalhes no privado.
      Interessados chamar por aqui.
      Obrigado!
    • By fideles
      Galera, 
       
      Alguém aqui já criou algum relatorio em php que seja gravado em abas ? Como ? Tenho um que é uma em unica pagina/ aba, e não faço a minima ideia de como fazer isso. 
    • By mm_edilson
      Amigos, tenho uma página html onde aparecem alguns dados que eu gostaria de imprimir. Não há propagandas, links para outras páginas, banners, nada. Apenas os dados distribuídos em várias tabelas, e quero imprimir tudo que está na tela.
      Meu primeiro impulso foi:
      <td style="width: 150"<form> <input type="button" value="Imprimir Registro" onClick="window.print()"/> </form></td>  
      Mas aqui ele corta as palavras à esquerda e à direita da página.
      Teria uma forma de fazer ele reduzir a escala geral e ajustar para o conteúdo caber na página padrão da impressora, e não cortar nada?
      Abraços.
×

Important Information

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