Jump to content
Naldinhosi

Responsive melhor 90%

Recommended Posts

Pessoal bom dia, peço desculpas se já existe um post referente a esse problema, caso haja me informe por gentileza  se não...

 

Estou concluindo o desenvolvimento de um site responsive, então resolvi atualizar meus navegadores, quando entro no site fica meio desorganizado o menu superior entre outras informações, então eu retiro o zoom da página para 90% e o site fica tudo ok, gostaria de saber se alguém esta passando por isso e como resolver, ou errei em alguma coisa referente ao meu código. ficarei grato e obrigado.

Share this post


Link to post
Share on other sites

Tetsuo me desculpe fiquei fora um tempo conseguir resolver, a questão era meu navegador que estava com problema mesmo. pois tentei em outros e deu tudo certo.

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 ianluis
      Procurei por toda a internet e não tem nada que ensine a como colocar propaganda dentro de um player de vídeo não e vídeo do youtube e sim player de vídeo no meu caso e de filme, estou construindo um site de filmes e animes e preciso colocar anúncios para poder pagar a hospedagem e melhorar a qualidade do site para ter mais acessos me ajudem por favor já procurei em toda internet e não tem niguem ensinando só videos de como colocar no youtube e não tem como já que eu não tenho nenhum vídeo armazenando no computador apenas links.
    • By ianluis
      Me ajuda a tirar a pagina que ta antes de direcionar o site que estou construindo
       
      Já tentei de tudo para tirar o redirecionamento desta index que e a principal  do site, mas sempre que abro para ver se modificou aparece ela primeiro e depois ela direciona para o  meu site. Me ajudem a solucionar este problema pois  quando abro o site esta  indo para um site antigo e depois para o que quero.
       
      <html xmlns="http://www.w3.org/1999/xhtml" lang="en">
      <head>
          <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
          <meta name="description" content=" />
          <meta name="keywords" content=" offline browser, web mirror utility, aspirateur web, surf offline, web capture, www mirror utility, browse offline, local  site builder, website mirroring, aspirateur www, internet grabber, capture de site web, internet tool, hors connexion, unix, dos, windows 95, windows 98, solaris, ibm580, AIX 4.0, HTS, HTGet, web aspirator, web aspirateur, libre, GPL, GNU, free software" />
          <title></title>
       
          <style type="text/css">
          <!--
      body {
          margin: 0;  padding: 0;  margin-bottom: 15px;  margin-top: 8px;
          background: #77b;
      }
      body, td {
          font: 14px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
          }
      #subTitle {
          background: #000;  color: #fff;  padding: 4px;  font-weight: bold; 
          }
      #siteNavigation a, #siteNavigation .current {
          font-weight: bold;  color: #448;
          }
      #siteNavigation a:link    { text-decoration: none; }
      #siteNavigation a:visited { text-decoration: none; }
      #siteNavigation .current { background-color: #ccd; }
      #siteNavigation a:hover   { text-decoration: none;  background-color: #fff;  color: #000; }
      #siteNavigation a:active  { text-decoration: none;  background-color: #ccc; }

      a:link    { text-decoration: underline;  color: #00f; }
      a:visited { text-decoration: underline;  color: #000; }
      a:hover   { text-decoration: underline;  color: #c00; }
      a:active  { text-decoration: underline; }
      #pageContent {
          clear: both;
          border-bottom: 6px solid #000;
          padding: 10px;  padding-top: 20px;
          line-height: 1.65em;
          background-image: url(backblue.gif);
          background-repeat: no-repeat;
          background-position: top right;
          }
      #pageContent, #siteNavigation {
          background-color: #ccd;
          }

      .imgLeft  { float: left;   margin-right: 10px;  margin-bottom: 10px; }
      .imgRight { float: right;  margin-left: 10px;   margin-bottom: 10px; }
      hr { height: 1px;  color: #000;  background-color: #000;  margin-bottom: 15px; }
      h1 { margin: 0;  font-weight: bold;  font-size: 2em; }
      h2 { margin: 0;  font-weight: bold;  font-size: 1.6em; }
      h3 { margin: 0;  font-weight: bold;  font-size: 1.3em; }
      h4 { margin: 0;  font-weight: bold;  font-size: 1.18em; }
      .blak { background-color: #000; }
      .hide { display: none; }
      .tableWidth { min-width: 400px; }
      .tblRegular       { border-collapse: collapse; }
      .tblRegular td    { padding: 6px;  background-image: url(fade.gif);  border: 2px solid #99c; }
      .tblHeaderColor, .tblHeaderColor td { background: #99c; }
      .tblNoBorder td   { border: 0; }

      // -->
      </style>
      </head>
      <table width="76%" border="0" align="center" cellspacing="0" cellpadding="3" class="tableWidth">
          <tr>
          <td id="subTitle"></td>
          </tr>
      </table>
      <table width="76%" border="0" align="center" cellspacing="0" cellpadding="0" class="tableWidth">
      <tr class="blak">
      <td>
          <table width="100%" border="0" align="center" cellspacing="1" cellpadding="0">
          <tr>
          <td colspan="6"> 
              <table width="100%" border="0" align="center" cellspacing="0" cellpadding="10">
              <tr> 
              <td id="pageContent"> 
      <!-- ==================== End prologue ==================== -->
          <meta name="generator" content="">
          <TITLE></TITLE>
      </HEAD>
      <BODY>
      <H1 ALIGN=Center>Index of locally available sites:</H1>
          <TABLE BORDER="0" WIDTH="100%" CELLSPACING="1" CELLPADDING="0">
              <TR>
                  <TD BACKGROUND="fade.gif">
                      &middot;
                          <A HREF="www.filmesanimeshd.gq/index.html">
                              The Night Séries - Assistir Séries Online - Assistir Filmes Online - Assistir Animes e Desenhos Online
                          </A>        
                  </TD>
              </TR>
          </TABLE>
          <BR>
          <BR>
          <BR>
            <H6 ALIGN="RIGHT">
          <I></I>
          </H6>
          
          <meta HTTP-EQUIV="Refresh" CONTENT="0;URL=www.filmesanimeshd.gq/index.html">

      <!-- ==================== Start epilogue ==================== -->
              </td>
              </tr>
              </table>
          </td>
          </tr>
          </table>
      </td>
      </tr>
      </table>
      <table width="76%" border="0" align="center" valign="bottom" cellspacing="0" cellpadding="0">
          <tr>
          <td id="footer"><small>&copy; 2008 Xavier Roche & other contributors - Web Design: Leto Kauler.</small></td>
          </tr>
      </table>
      </body>
      </html>
    • By Bruno S. Ferreira
      Boa tarde, meio boba esta pergunta mas não creio que seja num olx que eu conseguiria saber ou efetivar isso..
      Eu tenho um site que criei com meu conhecimento e muito pesquisar aqui no fórum e em outros tb.
      Tenho um site e um app - Ambos precisam um pouco mais de "aparência" se é que me entendem mas eu tô desistindo por diversos motivos. Dentre eles pq não posso eu Criar, Divulgar, Fazer marketing, Fazer vendas etc e etc e isso desgasta Então queria saber como posso vendê-lo.
      Meu whats 41 98464-1981 Bruno
      PS: não iria pedir o olho da cara pq gostaria de vê-lo alavancar, mesmo pq já fiz testes e testes e sei que daria muito certo mas não tenho problema algum tb em apenas excluí-lo,, Obg
    • By KABEst
      boa noite, é meu primeiro post aqui, eu preciso de ajuda pra colocar um "churrascômetro" no meu site do wordpress, nao tenho noção nenhuma de como fazer isso, alguem pode me dar um norte? é pra um trabalho da faculdade. obrigado

       exemplo de como eu quero fazer: http://www.epa.com.br/churrascometro/
       
    • By gbilibio
      Olá, estou montando um layout para uma atividade da faculdade, o layout está pronto, mas está com um problema na estrutura, quando diminui o tamanho do
      navegador o página fica mais uma margem a direita e as div's não ficam fixas, segue o código html e css:
       
      Página HTML
       
      <!DOCTYPE html>
      <html lang="pt-br">
          <head>
              <meta charset="UTF-8"/>
              <title>Aula 07</title>
              <link rel="stylesheet"
              type="text/css" href="style.css"/>
              <meta name="viewport"
              content="width=device-width, 
              initial-scale=1.0"/>
          </head>
          <body>
              <header>
                  <div class="contatos">
                      <div class="cont">
                          <p> <img src="Icones/telefone.png" width="20" height="20"> (41) 3019-7838</p>
                      </div>
                      <div class="cont">
                          <p> <img src="Icones/email.png" width="20" height="20"> contato@email.com</p>
                      </div>
                      <div class="cont">
                          <p> <img src="Icones/locationmarker.png" width="20" height="20"> R. Rua, 00 - Curitiba </p>
                      </div>
                  </div>
              </header>
              <div class="topo">
                  <div class="contatos2">
                      <div class="cont2">
                          <img  align="right" src="logo.png">
                      </div>
                      <div class="cont2">
                          <p> HOME </p>
                      </div>
                      <div class="cont2">
                          <p> EMPRESA </p>
                      </div>
                      <div class="cont2">
                          <p> SERVIÇOS </p>
                      </div>
                      <div class="cont2">
                          <p> HOSPEDAGEM </p>
                      </div>
                      <div class="cont2">
                          <p> PORTIFÓLIO </p>
                      </div>
                      <div class="cont2">
                          <p> CONTATO </p>
                      </div>
                  </div>
              </div>
              <div class="banner">
              
              </div>
              <div class="banner2">
              
                  <div class="banneresq">
                  <h1> <font color="#2B47AE">BEM-VINDO AO</font> <br> <font color="#A11606">NOSSO SITE</font> </h1>
                  <div class="linhatexto">
                  
                  </div>
                  <p> 
                  Especialista em desenvolvimento de sites o Projeto Web oferece oque há de melhor<br>
                  no mercado para construção de site, tecnologia avançada e modernismo nos Layouts<br>
                  são as principais caracteristicas de nossos Layouts, com a Metodologia de Atender<br>
                  Bem para Atender Sempre.<br>
                  </p>
                  <div class="botaoentrar" >
                  <h1>Entrar</h1>
                  </div>
                  </div>
                  
                  <div class="bannerdir">
                  
                  <img src="Imagens/bannerdireita2.jpg" width="320" height="280">
                  
                  </div>
              </div>
              <div class="banner3">
                  
                  <div class="caixamaior">
                      <div class="caixa1">
                          <img src="Imagens/box1.jpeg" width="250" height="200">
                              <div align="center">
                                  <p> CRIAÇÃO DE SITES </p>
                              </div>
                              <div class="caixa1texto">
                                  <h1> 
                                  Temos desde sites simples de 1 página,<br>
                                  modelos padrões e personalizados<br>
                                  com páginas internas. Confira nossos<br>
                                  modelos ou solicite um.<br>
                                  </h1>
                              </div>
                              <div class="botaosaibamais">
                                  <h1>Saiba Mais</h1>
                              </div>
                      </div>
                      <div class="caixa2">
                          <img src="Imagens/box2.jpg" width="250" height="200">
                              <div align="center">
                                  <p> HOSPEDAGEM DE SITES </p>
                              </div>
                              <div class="caixa2texto">
                                  <h1>
                                  Hospede um site em um servidor<br>
                                  confiável e de qualidade, que sempre<br>
                                  lhe dê suporte necessário. Deixe seu<br>
                                  site 100% online.<br>
                                  </h1>
                              </div>
                              <div class="botaosaibamais">
                                  <h1>Saiba Mais</h1>
                              </div>
                      </div>
                      <div class="caixa3">
                          <img src="Imagens/box3.jpg" width="250" height="200">
                              <div align="center">
                                  <p> MANUTENÇÃO DE SITES </p>
                              </div>
                              <div class="caixa3texto">
                                  <h1>
                                  Mantenha seu site sempre atualizado,<br>
                                  passando credibilidade aos seus<br>
                                  clientes e ganhando ponto com o<br>
                                  Google e outros buscadores.<br>
                                  </h1>
                              </div>
                              <div class="botaosaibamais">
                                  <h1>Saiba Mais</h1>
                              </div>
                          
                      </div>
                      
                  </div>
              
              </div>
          </body>
      </html>
       
      PÁGINA CSS
       
      @import url('https://fonts.googleapis.com/css?family=Muli:300,400,700');
      @import url('https://fonts.googleapis.com/css?family=Cabin:400,500,600,700');
      @import url('https://fonts.googleapis.com/css?family=Oxygen:300,400,700');
      @import url('https://fonts.googleapis.com/css?family=Roboto:100,400,500,700');
      @import url('https://fonts.googleapis.com/css?family=Scada:400,400i,700');
      @import url('https://fonts.googleapis.com/css?family=Karla:400,700');
      header{
          width: 100%;
          height: auto;
          overflow: hidden;
          background-color: #023180;
          margin: auto;
      }
      body{
          margin: 0px;
      }
      .contatos{
          width: 100%;
          max-width: 900px;
          height: auto;
          overflow: hidden;
          margin: auto;
      }
      .cont{
          width: 33.3%;
          height: 40px;
          float: left;
      }
      .cont p{
          color:#ffffff;
          font-family: 'Muli';
          font-weight: 400;
      }
      .topo{
          width:80%;
          height:120px;
          float:right;
          
      }
      .cont2{
          font-family:'Cabin';
          color:#023180;
          width:13.3%;
          height:40px;
          float:left;
          
      }
      .cont2 p{
          font-size:15px;
          margin-left:100px;
          margin-top:30px;
          
      }
      .logo{
          margin-left:350px;
          margin-top:10px;
      }
      .banner{
          width:100%;
          height:500px;
          background:url(Imagens/banner.jpg);
          float:left;
          margin-top:30px;
      }
      .banner3{
          width:100%;
          height:500px;
          background-color:#083875;
          float:left;
          margin-top:50px;
          vertical-align: middle;
      }

      .caixamaior{
          width:100%;
          height:auto;
          
      }
      .caixamaior p{
          color:#FFFFFF;
          font-family:'Scada';
          
      }
      .caixa1texto h1{
          font-size:12px;
          font-family:'Karla';
          text-align:center;
          color:#FFFFFF;
      }
      .caixa2texto h1{    
          font-size:12px;
          font-family:'Karla';
          text-align:center;
          color:#FFFFFF;
      }
      .caixa3texto h1{
          font-size:12px;
          font-family:'Karla';
          text-align:center;
          color:#FFFFFF;
      }
      .botaosaibamais{
          
          width:150px;
          height:50px;
          background-color:#21588E;
          text-align:center;
          vertical-align: middle;
          line-height: 3;
          margin-left:45px;
          margin-top:20px;
      }
      .botaosaibamais h1{
          font-family:'Scada';
          font-size:15px;
          color:#ffffff;
          vertical-align: middle;    
      }
      .caixa1{
          margin-left:15%;
          margin-top:5%;
          float:left;    
      }
      .caixa2{
          
          margin-left:10%;
          margin-top:5%;
          float:left;    
      }
      .caixa3{    
          margin-left:10%;
          float:left;
          margin-top:5%;
      }
      .banneresq{
          float:left;
          margin-left:120px;
          margin-top:65px;
      }
      .banneresq h1{
          font-family: 'Oxygen';
      }
      .banneresq p{
          color:#3F3B3B;
          font-family: 'Oxygen';
          font-size:16px;
      }
      .linhatexto{
          width:75px;
          height:4px;
          background-color:#A11606;
          margin-top:-5px;
      }
      .botaoentrar{
          width:150px;
          height:50px;
          background-color:#800000;
          text-align:center;
          vertical-align: middle;
          line-height: 3;
      }
      .botaoentrar h1{
          font-family:'Oxygen';
          font-size:15px;
          color:#ffffff;
          vertical-align: middle;
      }
      .bannerdir{
          float:left;
          margin-top:60px;
          margin-left:70px;    
      }
      @media only screen and (max-width: 600px){
          .cont{
              width: 100%;
          }
          .cont p{
              text-align: center;
          }
          
          .banner{
              width:100%;
          
          }
      }
×

Important Information

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