Jump to content

Search the Community

Showing results for tags 'footer'.



More search options

  • Search By Tags

    Type tags separated by commas.
  • Search By Author

Content Type


Forums

  • Q&A Desenvolvimento
    • Perguntas e respostas rápidas
  • Desenvolvimento e Banco de Dados
    • HTML e CSS
    • Java
    • Javascript
    • .NET
    • PHP
    • Python
    • Ruby
    • Mobile
    • Ambientes de Desenvolvimento
    • Arquitetura e Métodos Ágeis
    • Banco de Dados
    • DevOps
    • Desenvolvimento de Games
    • E-Commerce e Pagamentos Online
    • SEO e Otimizações
    • WordPress
    • Algoritmos & Outras Tecnologias
  • Design e Produto
    • Fotografia
    • Photoshop
    • Design de interfaces e UX
    • Edição/Produção de Vídeos
    • Marketing Online
    • Desenho, Ilustração e 3D
  • Entretenimento e uso pessoal
    • Geral
    • Segurança & Malwares
    • Gadgets e wearable
    • Softwares e Apps
    • Entretenimento

Find results in...

Find results that contain...


Date Created

  • Start

    End


Last Updated

  • Start

    End


Filter by number of...

Joined

  • Start

    End


Group


Google+


Hangouts


Skype


Twitter


deviantART


Github


Flickr


LinkedIn


Pinterest


Facebook


Site Pessoal


Localização


Interesses

Found 8 results

  1. Tenho um página HTML em que quando atribuo "opacity: 0.8;" a tag <footer>. Eu não consigo atribuir "opacity: 1;" aos outros elementos (<div> e <img> por exemplo) dentro da referida tag <footer>. Ou seja, eu quero a tag <footer> opaca, mas quero eliminar a opacidade dos elementos dentro desta tag. Como soluciono isto?
  2. Boa Tarde família Então peguei um template gratuito de ecommerce para editar o nome dele é ON SALE e quero configurar o rodapé, quando coloco o código do plugin do facebook ele aparece apenas um texto simples com um link pro facebook em vez de aparecer o template do plugin bonitinho ali. Imagem de como fica o plugin do facebook: https://imgur.com/a/hUeL0 Link do tema que eu estou editando no WordPress. https://wordpress.org/themes/on-sale/ Codigo do Facebook <div class="fb-page" data-href="https://www.facebook.com/autopecaspainel" data-tabs="timeline" data-width="600" data-height="220" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/autopecaspainel" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/autopecaspainel">Painel Auto Peças</a></blockquote></div> Tambem gostaria de dividir o rodapé em um Grid de 3 colunas se quiserem me dar umas dicas também eu agradeço. Muito Obrigado Rapaziada qualquer duvida eu to aqui
  3. DinhoPHP

    Footer responsivo

    Olá! Desenvolvi um site aonde o footer (rodapé) tem duas colunas, gostaria de adicionar uma terceira e que seja responsivo. A ideia seria como no site Shop Fácil, nada como sub menus, só colocar os itens um embaixo do outro em resoluções mobile. Segue o link do site que desenvolvi, caso precisem visualizar. Site que desejo aplicar a terceira coluna
  4. Estou com problemas em editar o rodapé de um cliente. O arquivo footer mesmo eu o editando não modifica as opções, gostaria de saber o que devo fazer para poder editar o rodapé. Agradeço. Site : www.sharerh.com
  5. Olá, sou novo na area de desenvolvimento, e estou no momento desenvolvendo um site institucional. depois de tudo feito me deparo com um espaço enorme no footer da pagina, não consigo encontrar o erro ou solução. agradeço quem puder ajudar! HTML CSS Caso queiram dar uma olhada na foto do problema vou postar o link http://s1159.photobucket.com/user/miguel_campos3/media/erro_zpszwwpldhq.png.html
  6. Diefferson Moro

    Problema com rodapé

    E ai pessoal, BLZ? Estou desenvolvendo este site e estou enfrentando um problema. O problema é o seguinte, preciso colocar o rodapé do site, porém, ele não fica no fim da página. Para que ele fique onde eu quero preciso estar informando a quantos pixels quero ele do topo, mas eu queria que isso fosse automatico, porque o tamanho do conteudo na página nem sempre será do tamanho que configurei como o inicio do rodapé, ai ele acaba sobrepondo o conteudo quando tem muito. Se alguém puder me ajudar eu agradeço. Código da página: <?php require_once 'config.php'; require_once 'database.php'; ?> <!DOCTYPE HTML> <html lang="pt-br"> <head> <meta charset="utf-8"/> <title>Título</title> <link rel="stylesheet" href="estilo.css"> <link rel="shortcut icon" href="favicon.ico"/> </head> <body> <div id="tudo"> <div id="header"> <div> <img src="img/logo.png" id="site-logo"> </div> <div> <a href="index"><img src="img/home.png" id="inicio-incone"></a> </div> <div> <a href="mailto:"><img src="img/contact.png" id="email-incone"></a> </div> <div> <a id="inicio-texto" href="index">Início</a> </div> <div> <a id="email-texto" href="mailto:">E-mail</a> </div> <div id="zona-barra-busca"> </div> <div id="texto-busca">Buscar no site:</div> <form method="post" action="buscar3.php" id="busca"> <input type="search" name="busca" placeholder="Ex: Exemplo" id="busca-caixa" required="busca"> <input type="submit" value="Buscar" id="busca-botao"> </form> <div id="zona-barra-slide"> </div> <div id="zona-slide"> </div> <nav id="menu"> <ul> <li id="li1"><a href="index">Início</a></li> <li id="li2"><a href="quemsomos">Quem Somos</a></li> <li id="li3"><a href="produtos">Produtos</a></li> <li id="li4"><a href="servicos">Serviços</a></li> <li id="li5"><a href="projetos">Projetos</a></li> <li id="li6"><a href="dicas">Dicas</a></li> <li id="li7"><a href="novidades">Novidades</a></li> <li id="li8"><a href="orcamento">Orçamento</a></li> <li id="li9"><a href="contato">Contato</a></li> </ul> </nav> </div> <div id="conteudo"> <div id="zona-conteudo"> <div id="conteudo-site"> </div> <div id="novidades"> <div id="titulo-novidades-conteudo">Novidades</div> </div> <div id="dicas"> <div id="titulo-dicas-conteudo">Confira nossas dicas</div> </div> </div> <div id="zona-atendimento"> <div> </div> </div> <div id="zona-newsletter"> <div id="zona-newsletter-titulo">Recebe nossas novidades</div> <div id="zona-newsletter-descricao">Cadastre seu e-mail abaixo e receba nossas novidades.</div> <div id="zona-newsletter-form"> <form action="enviar-newsletter.php" method="post"> <p> <label id="zona-newsletter-form-nome">Nome:</label><br> <input id="zona-newsletter-form-nome-input" type="text" name="nome" required="required"> </p> <p> <label id="zona-newsletter-form-e-mail">E-mail:</label><br> <input id="zona-newsletter-form-e-mail-input" type="email" name="e-mail" required="required"> </p> <input id="zona-newsletter-form-enviar" type="submit" name="enviar" value="Enviar"> </form> </div> </div> </div> <div id="rodape"> <div id="zona-rodape"> </div> </div> </div> </body> </html> Código css: body{ background-image: url("img/bg.png"); z-index: 200; top: 0px; width:810px; margin:0 auto; overflow-x: hidden; } #tudo{ position: absolute; } #site-logo{ position: absolute; z-index: 12; left: 0px; top: 0px; width: 200px; height: 181px; border: 0px; } #inicio-incone{ position: absolute; left: 300px; top: 32px; width: 40px; height: 40px; } #email-incone{ position: absolute; left: 300px; top: 98px; width: 40px; height: 40px; } #inicio-texto{ position: absolute; left: 347px; top: 42px; width: 40px; height: 20px; text-decoration: none; font-family: Arial; font-size: 13px; font-weight: bold; color: #ffffff; } #email-texto{ position: absolute; left: 347px; top: 107px; width: 46px; height: 20px; text-decoration: none; font-family: Arial; font-size: 13px; font-weight: bold; color: #ffffff; } #texto-busca{ position: absolute; left: 461px; top: 72px; width: 120px; height: 25px; font-family: Arial; font-size: 16px; font-weight: bold; color: #ffffff; } #busca{ position: absolute; left: 587px; top: 72px; } #busca-caixa{ width: 135px; height: 20px; box-shadow: 2px; margin-right: 5px; } #busca-botao{ width: 70px; height: 20px; background: linear-gradient(to bottom, #3e9140 0%,#29612b 100%); border: 0px; border-radius: 5px; font-family: Arial; font-size: 13px; color: #ffffff; cursor: pointer; } #busca-botao:hover{ width: 70px; height: 20px; background: #54c120; border: 0px; border-radius: 5px; } #zona-barra-busca{ position: absolute; left: 440px; top: 28px; width: 5px; height: 120px; border-radius: 5px; border: 0px; background: linear-gradient(to bottom, #3e9140 0%,#8df12a 100%); } #zona-barra-slide{ position: absolute; left: 0px; top: 190px; width: 850px; height: 6px; border-radius: 5px; border: 0px; background: linear-gradient(to bottom, #3e9140 0%,#8df12a 100%); } #zona-slide{ position: absolute; left: 0px; top: 200px; width: 850px; height: 260px; border-radius: 5px 5px 0px 0px; border: 0px; background: linear-gradient(to bottom, #3e9140 0%,#29612b 100%); } #menu ul{ position: absolute; z-index: 8; margin: 0px; left: 0px; top: 460px; width: 810px; height: 40px; border-radius: 0px 0px 5px 5px; border: 0px; background: linear-gradient(to bottom, #3e9140 0%,#29612b 100%); } #li1{ position: absolute; list-style: none; left: 0px; top: 0px; width: 60px; height: 40px; border-radius: 0px 0px 0px 5px; } #li1:hover{ list-style: none; background: #54c120; } #li1 a{ position: absolute; left: 10px; top: 10px; margin: 0px; padding: 0px; width: 60px; height: 40px; display: inline; font-weight: normal; font-size: 18px; color: #ffffff; font-family: Arial; text-decoration: none; } #li1 a:active{ position: absolute; left: 10px; top: 10px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 18px; color: #000000; font-family: Arial; text-decoration: none; } #li2{ position: absolute; list-style: none; left: 60px; top: 0px; width: 120px; height: 40px; } #li2:hover{ list-style: none; background: #54c120; } #li2 a{ position: absolute; left: 5px; top: 10px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 18px; color: #ffffff; font-family: Arial; text-decoration: none; } #li2 a:active{ position: absolute; left: 5px; top: 10px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 18px; color: #000000; font-family: Arial; text-decoration: none; } #li3{ position: absolute; list-style: none; left: 180px; top: 0px; width: 100px; height: 40px; } #li3:hover{ list-style: none; background: #54c120; } #li3 a{ position: absolute; left: 15px; top: 10px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 18px; color: #ffffff; font-family: Arial; text-decoration: none; } #li3 a:active{ position: absolute; left: 15px; top: 10px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 18px; color: #000000; font-family: Arial; text-decoration: none; } #li4{ position: absolute; list-style: none; left: 280px; top: 0px; width: 100px; height: 40px; } #li4:hover{ list-style: none; background: #54c120; } #li4 a{ position: absolute; left: 15px; top: 10px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 18px; color: #ffffff; font-family: Arial; text-decoration: none; } #li4 a:active{ position: absolute; left: 15px; top: 10px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 18px; color: #000000; font-family: Arial; text-decoration: none; } #li5{ position: absolute; list-style: none; left: 380px; top: 0px; width: 100px; height: 40px; } #li5:hover{ list-style: none; background: #54c120; } #li5 a{ position: absolute; left: 15px; top: 10px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 18px; color: #ffffff; font-family: Arial; text-decoration: none; } #li5 a:active{ position: absolute; left: 15px; top: 10px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 18px; color: #000000; font-family: Arial; text-decoration: none; } #li6{ position: absolute; list-style: none; left: 480px; top: 0px; width: 70px; height: 40px; } #li6:hover{ list-style: none; background: #54c120; } #li6 a{ position: absolute; left: 12.5px; top: 10px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 18px; color: #ffffff; font-family: Arial; text-decoration: none; } #li6 a:active{ position: absolute; left: 12.5px; top: 10px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 18px; color: #000000; font-family: Arial; text-decoration: none; } #li7{ position: absolute; list-style: none; left: 550px; top: 0px; width: 108px; height: 40px; } #li7:hover{ list-style: none; background: #54c120; } #li7 a{ position: absolute; left: 11.5px; top: 10px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 18px; color: #ffffff; font-family: Arial; text-decoration: none; } #li7 a:active{ position: absolute; left: 11.5px; top: 10px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 18px; color: #000000; font-family: Arial; text-decoration: none; } #li8{ position: absolute; list-style: none; left: 658px; top: 0px; width: 111px; height: 40px; } #li8:hover{ list-style: none; background: #54c120; } #li8 a{ position: absolute; left: 12px; top: 10px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 18px; color: #ffffff; font-family: Arial; text-decoration: none; } #li8 a:active{ position: absolute; left: 12px; top: 10px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 18px; color: #000000; font-family: Arial; text-decoration: none; } #li9{ position: absolute; list-style: none; left: 770px; top: 0px; width: 80px; height: 40px; border-radius: 0px 0px 5px 0px; } #li9:hover{ list-style: none; background: #54c120; } #li9 a{ position: absolute; left: 10px; top: 10px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 18px; color: #ffffff; font-family: Arial; text-decoration: none; } #li9 a:active{ position: absolute; left: 10px; top: 10px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 18px; color: #000000; font-family: Arial; text-decoration: none; } /*CSS Conteúdo*/ #zona-conteudo{ position: absolute; left: 0px; top: 521px; width: 565px; min-height: 327px; margin: 0px; padding: 0px; border-radius: 5px; background: linear-gradient(to bottom, #3f9118 0%,#29612b 100%); } #conteudo-site{ position: relative; top: 0px; max-width: 555px; } #titulo-conteudo{ position: relative; z-index: 100; left: 5px; top: 5px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 19px; color: #ffffff; font-family: Arial; text-decoration: none; } #texto-conteudo{ position: relative; z-index: 99; left: 5px; top: 32px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 15px; color: #ffffff; font-family: Arial; text-decoration: none; } #texto-conteudo a{ position: relative; left: -253px; margin: 0px; padding: 0px; display: inline; font-weight: bold; font-size: 15px; color: #ffffff; font-family: Arial; text-decoration: none; } #texto-conteudo a:hover{ position: relative; left: -253px; margin: 0px; padding: 0px; display: inline; font-weight: bold; font-size: 15px; color: #d5d5d5; font-family: Arial; text-decoration: underline; } #novidades{ position: relative; } #titulo-novidades-conteudo{ position: relative; left: 5px; top: 90px; width: 240px; height: 30px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 19px; color: #ffffff; font-family: Arial; text-decoration: none; } #novidades-conteudo{ position: relative; left: -235px; top: 120px; width: 240px; height: 30px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 19px; color: #ffffff; font-family: Arial; text-decoration: none; } #novidades-conteudo a{ position: relative; left: 0px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 18px; color: #ffffff; font-family: Arial; text-decoration: none; } #novidades-conteudo a:hover{ position: relative; left: 0px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 18px; color: #ffffff; font-family: Arial; text-decoration: underline; } #icon-novidades{ padding-right: 25px; background: url(img/icon-novidades.png) no-repeat left center; text-decoration: none; } #dicas{ position: relative; } #titulo-dicas-conteudo{ position: relative; left: 270px; top: 68px; width: 240px; height: 30px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 19px; color: #ffffff; font-family: Arial; text-decoration: none; } #dicas-conteudo{ position: relative; left: 90px; top: 98px; width: 300px; height: 30px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 19px; color: #ffffff; font-family: Arial; text-decoration: none; } #dicas-conteudo a{ position: relative; left: 0px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 18px; color: #ffffff; font-family: Arial; text-decoration: none; } #dicas-conteudo a:hover{ position: relative; left: 0px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 18px; color: #d5d5d5; font-family: Arial; text-decoration: underline; } #icon-dicas{ padding-right: 25px; background: url(img/icon-dicas.png) no-repeat left center; text-decoration: none; } #zona-atendimento{ position: absolute; left: 615px; top: 520px; width: 207px; height: 100px; margin: 0px; padding: 0px; border-radius: 5px; background: linear-gradient(to bottom, #69f128 0%,#1a3d1b 100%); } #zona-newsletter{ position: absolute; left: 590px; top: 627px; width: 260px; height: 220px; margin: 0px; padding: 0px; border-radius: 5px; background: linear-gradient(to bottom, #3f9118 0%,#29612b 100%); } #zona-newsletter-titulo{ position: absolute; left: 10px; top: 5px; margin: 0px; padding: 0px; display: inline; font-weight: bold; font-size: 15px; color: #ffffff; font-family: Arial; text-decoration: none; } #zona-newsletter-descricao{ position: absolute; left: 10px; top: 22px; margin: 0px; padding: 0px; display: inline; font-weight: normal; font-size: 15px; color: #ffffff; font-family: Arial; text-decoration: none; } #zona-newsletter-form{ position: absolute; left: 0px; top: 65px; width: 260px; height: 152px; margin: 0px; padding: 0px; } #zona-newsletter-form-nome{ position: absolute; left: 15px; top: 15px; width: 50px; height: 20px; margin: 0px; padding: 0px; display: inline; font-weight: bold; font-size: 13px; color: #ffffff; font-family: Arial; text-decoration: none; } #zona-newsletter-form-e-mail{ position: absolute; left: 15px; top: 70px; width: 50px; height: 20px; margin: 0px; padding: 0px; display: inline; font-weight: bold; font-size: 13px; color: #ffffff; font-family: Arial; text-decoration: none; } #zona-newsletter-form-nome-input{ position: absolute; left: 10px; width: 236px; height: 23px; margin: 0px; padding: 0px; } #zona-newsletter-form-e-mail-input{ position: absolute; left: 10px; top: 90px; width: 236px; height: 23px; margin: 0px; padding: 0px; } #zona-newsletter-form-enviar{ position: absolute; left: 80px; top: 125px; width: 100px; height: 25px; margin: 0px; padding: 0px; display: inline; font-weight: bold; font-size: 13px; color: #ffffff; font-family: Arial; text-decoration: none; background: none; border: 0px; } #zona-newsletter-form-enviar:hover{ position: absolute; left: 80px; top: 125px; width: 100px; height: 25px; margin: 0px; padding: 0px; display: inline; font-weight: bold; font-size: 13px; color: #5c5c5c; font-family: Arial; text-decoration: none; background: #e0e0e0; border-radius: 6px; border: 1px solid; border-color: #959595; cursor: pointer; } /*CSS Rodapé*/ #rodape{ position: relative; top: 900px; height: 0px; } #zona-rodape{ position: relative; left: 0px; top: -38px; width: 850px; height: 169px; border-radius: 5px; margin: 0px; background: linear-gradient(to bottom, #3f9118 0%,#29622a 100%); } #para-conhecer-texto{ position: absolute; left: 20px; top: -29px; width: 100px; height: 20px; text-decoration: none; font-family: Arial; font-size: 13px; font-weight: bold; color: #ffffff; } #inicio-texto-2{ position: absolute; left: 20px; top: 1px; width: 100px; height: 20px; text-decoration: none; font-family: Arial; font-size: 11px; font-weight: bold; color: #ffffff; } #inicio-texto-2:hover{ text-decoration: underline; } #quem-somos-texto{ position: absolute; left: 20px; top: 14px; width: 100px; height: 20px; text-decoration: none; font-family: Arial; font-size: 11px; font-weight: bold; color: #ffffff; } #quem-somos-texto:hover{ text-decoration: underline; } #produtos-texto{ position: absolute; left: 20px; top: 27px; width: 100px; height: 20px; text-decoration: none; font-family: Arial; font-size: 11px; font-weight: bold; color: #ffffff; } #produtos-texto:hover{ text-decoration: underline; } #servicos-texto{ position: absolute; left: 20px; top: 40px; width: 100px; height: 20px; text-decoration: none; font-family: Arial; font-size: 11px; font-weight: bold; color: #ffffff; } #servicos-texto:hover{ text-decoration: underline; } #projetos-texto{ position: absolute; left: 20px; top: 53px; width: 100px; height: 20px; text-decoration: none; font-family: Arial; font-size: 11px; font-weight: bold; color: #ffffff; } #projetos-texto:hover{ text-decoration: underline; } #dicas-texto{ position: absolute; left: 20px; top: 66px; width: 100px; height: 20px; text-decoration: none; font-family: Arial; font-size: 11px; font-weight: bold; color: #ffffff; } #dicas-texto:hover{ text-decoration: underline; } #novidades-texto{ position: absolute; left: 20px; top: 79px; width: 100px; height: 20px; text-decoration: none; font-family: Arial; font-size: 11px; font-weight: bold; color: #ffffff; } #novidades-texto:hover{ text-decoration: underline; } #para-contatar-texto{ position: absolute; left: 189px; top: -29px; width: 100px; height: 20px; text-decoration: none; font-family: Arial; font-size: 13px; font-weight: bold; color: #ffffff; } #contato-texto{ position: absolute; left: 189px; top: 1px; width: 115px; height: 20px; text-decoration: none; font-family: Arial; font-size: 11px; font-weight: bold; color: #ffffff; } #contato-texto:hover{ text-decoration: underline; } #orcamento-texto{ position: absolute; left: 189px; top: 14px; width: 115px; height: 20px; text-decoration: none; font-family: Arial; font-size: 11px; font-weight: bold; color: #ffffff; } #orcamento-texto:hover{ text-decoration: underline; } #atendimento-online-texto{ position: absolute; left: 189px; top: 27px; width: 115px; height: 20px; text-decoration: none; font-family: Arial; font-size: 11px; font-weight: bold; color: #ffffff; } #atendimento-online-texto:hover{ text-decoration: underline; } #floricultura-sol-nascente-texto{ position: absolute; left: 366px; top: -29px; width: 189px; height: 20px; text-decoration: none; font-family: Arial; font-size: 13px; font-weight: bold; color: #ffffff; } #cnpj-texto{ position: absolute; left: 366px; top: -15px; width: 189px; height: 20px; text-decoration: none; font-family: Arial; font-size: 11px; color: #ffffff; } #inscricao-Estadual-texto{ position: absolute; left: 366px; top: -2px; width: 189px; height: 20px; text-decoration: none; font-family: Arial; font-size: 11px; color: #ffffff; } #hamilto-silva-moro-texto{ position: absolute; left: 366px; top: 27px; width: 189px; height: 20px; text-decoration: none; font-family: Arial; font-size: 11px; color: #ffffff; } #responsavel-tecnico-texto{ position: absolute; left: 366px; top: 40px; width: 189px; height: 20px; text-decoration: none; font-family: Arial; font-size: 11px; color: #ffffff; } #crea-texto{ position: absolute; left: 366px; top: 53px; width: 189px; height: 20px; text-decoration: none; font-family: Arial; font-size: 11px; color: #ffffff; } #sonia-r-k-moro-texto{ position: absolute; left: 366px; top: 80px; width: 189px; height: 20px; text-decoration: none; font-family: Arial; font-size: 11px; color: #ffffff; } #proprietaria-texto{ position: absolute; left: 366px; top: 93px; width: 189px; height: 20px; text-decoration: none; font-family: Arial; font-size: 11px; color: #ffffff; } #tecnica-texto{ position: absolute; left: 366px; top: 106px; width: 189px; height: 20px; text-decoration: none; font-family: Arial; font-size: 11px; color: #ffffff; } #copyright{ position: absolute; left: 20px; top: 110px; width: 290px; height: 20px; text-decoration: none; font-family: Arial; font-size: 11px; color: #ffffff; } #celular-img{ position: absolute; left: 571px; top: -29px; } #celular-numero{ position: absolute; left: 634px; top: -20px; width: 200px; height: 40px; text-decoration: none; font-weight: bold; font-family: Arial; font-size: 28px; color: #ffffff; } #facebook-icon{ position: absolute; left: 588px; top: 58px; } #facebook-texto{ position: absolute; left: 628px; top: 64px; width: 170px; height: 20px; text-decoration: none; font-family: Arial; font-size: 15px; color: #ffffff; } #facebook-texto a{ position: absolute; width: 170px; height: 20px; text-decoration: none; font-family: Arial; font-size: 15px; color: #ffffff; } #desenvolvido{ position: absolute; left: 646px; top: 107px; width: 200px; height: 20px; text-decoration: none; font-family: Arial; font-size: 11px; color: #000000; }
  7. Olá, primeiro post aqui, hehe. Espero não estar descumprindo nenhuma regra do fórum. Bem, o meu problema é algo meio sobrenatural... Estou criando um layout wordpress localmente e quando fui subir os arquivos algo misterioso aconteceu! :o O rodapé não fica fixo no final da página e fica um baita de um espaço em branco quando tem pouco ou nenhum conteúdo na página!!! Localmente funciona perfeitamente mas no servidor se comporta de forma diferente... Não sei o que é! Já queimei todos os meus poucos neurônios! Peço ajuda! Já não sei o que fazer... :wacko: O código do footer: <?php wp_footer(); ?> <div class="footer"> <nav class="navbar navbar-default"> <div class="container-fluid"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-2" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-2"> <ul class="nav navbar-nav"> <?php if ( has_nav_menu( 'main-menu' ) ) : wp_nav_menu( array( 'theme_location' => 'main-menu' )); else: wp_page_menu(); endif; ?> </ul> </div><!-- /.navbar-collapse --> </div><!-- /.container-fluid --> </nav> <div class="container"> <div class="row"> <div class="rodape col-md-6"> <img src="http://177.153.5.43/wordpress/wp-content/themes/searchlight/imgs/logo1.png" width="30%" height="10%"> <h6>Copyright © 2015 - Todos os direitos reservados -<a href="<?php echo get_option('home') ?>"> <?php bloginfo('name') ?></a></h6> <h6>Todo o conteúdo deste site é de uso exclusivo da OSCEIA</h6> </div> <div class="rodape"></div> <div class="redessociais col-md-6"> <figure><a href="https://www.facebook.com/centroespiritairmaoaureo" target="_blank"</a><img class="social_icons" src="http://177.153.5.43/wordpress/wp-content/themes/searchlight/Social/1407364580_facebook.png"></figure> <figure><a href="https://plus.google.com/u/0/108667447876518100236/posts" target="_blank"</a><img class="social_icons" src="http://177.153.5.43/wordpress/wp-content/themes/searchlight/Social/1407364573_google-plus.png"></figure> <figure><a href="https://www.youtube.com/channel/UC4Zy_fLVz2ulmi5abbkBdqg" target="_blank"</a><img class="social_icons" src="http://177.153.5.43/wordpress/wp-content/themes/searchlight/Social/1407364586_youtube-2.png"></figure> <figure><a href="callto:aprendisosceia"</a><img class="social_icons" src="http://177.153.5.43/wordpress/wp-content/themes/searchlight/Social/1407364583_skype.png"></figure></a> </div> </div> </div> </div> </body> </html> O css é: .conteudo{ text-align: justify; font-family: "Lato"; font-size:1.2em; } .footer { position:relative; bottom:-17px; width:100%; background:#333; } Desde já agradeço a atenção!
  8. Boa noite, alguém pode me ajudar a fixar o rodapé deste site http://marmorariaaratelha.com.br/novosite/index.php/areas-de-lazer/ embaixo? Eu ja consegui fazer isso com position:absolute e bottom:0, mas arruma aqui estraga tudo la na página inicial. Sei lá, eu acho estranho pra caramba o rodapé de uma página ficar no meio da página. Em outras ocasiões consegui arrumar, mas este conforme dito se eu arrumo nesta página eu bagunço nas outras alguém tem uma sugestão?
×

Important Information

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