Jump to content
  • 0

Question

Bom dia pessoal, estou tentando inserir um menu responsivo no meu projeto, mas quando acesso pelo celular ele não se adapta, continua do mesmo jeito que no  computador, o que deve-se fazer pra forçar-lo a se adaptar?

 

segue codigo:

 

<!--

 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">

    <title>Menu RESPONSIVO</title>
    
    <!---<link rel="stylesheet" href="style.css">-->
</head>
    <style>
        *{
            margin: 0;
            padding: 0;
         }
        
        .menu{
            width: 100%;
            height: 50px;
            background-color: #f0f0f0;
            font-family:'Arial';
        }
        .menu ul{
            list-style:none;
            position: relative;
        }
        .menu ul li{
            width: 150px;
            float: left;
        }
        .menu ul ul{
            position: absolute;
            visibility: hidden; 
        }
        
        .menu ul li:hover ul{
            visibility: visible;
            display:block;
        }

        .menu a{
            text-decoration: none;
            display: block;
            padding: 15px;
            text-align: center;
            background-color: #f6f6f6;
            color: #000;
        }

        .menu a:hover{
            background-color: #f4f4f4;
        }


        .menu ul ul li{
                float: none;
                border-bottom: 1px solid #000;

        }

        .menu ul ul li a{
                background-color: #f0f0f0;

        }
        label[for="bt_menu"]{
                    padding: 5px;
                    background-color: #d0d0d0;
                    font-family: 'Arial';
                    text-align: center;
                    font-size: 30px;
                    width: 50px;
                    height: 50px;
        }
        
        #bt_menu{
            display: none ;
        }    

        label[for="bt_menu"]{
                    display: none;        
        }

    @media (max-width: 800px){
            label[for="bt_menu"]{
                    display:block;
                    margin-left: 0;        
            }

            #bt_menu:checked ~ .menu{
                margin-left: 0;
                display: block;
            }    

            
            .menu{
                margin-top:5px;
                margin-left: -100%;
                transition: all .4s
            }
            .menu ul li{
                width:100%;
                float: none;
            }

            .menu ul ul{
                position:static;
                overflow: hidden;
                max-height: 0;
                transition: all 2s;
            }

            .menu ul li:hover ul{
                height:auto;
                max-height: 200px;
            }
                    
    }    

    </style>

<body>
    <input type="checkbox" id="bt_menu">
    <label for="bt_menu">&#9776;</label>
           <nav class="menu">
                <ul>
        <li><a href="#">Home</a></li>
        <li><a href="#">Serviços</a>
            <ul>
            <li><a href="#">Criação de Sites</a></li>
            <li><a href="#">Artes Visuais</a></li>
            </ul>
        </li>
        <li><a href="#">Cursos</a>
            <ul>
            <li><a href="#">Java</a></li>
            <li><a href="#">Photoshop</a></li>
            <li><a href="#">HTML/CSS</a></li>
            </ul>
        </li>
        <li><a href="#">Contato</a></li>
        </ul>
            </nav>
</body>

</html>

 

--->

Captura de Tela (388).png

Share this post


Link to post
Share on other sites

3 answers to this question

Recommended Posts

  • 0

Olá!

Eu não entendi o que quis dizer com "não se adapta".

Quer que ao acessar através de um dispositivo mobile, ele se torne "3 barrinhas" com drop down?

Share this post


Link to post
Share on other sites
  • 0

Pode-se adicionar isso a tag head

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

Assim você indica a escala inicial da página, que browsers vão se orientar por isso para aplicar o media query.

Sem isso o browser nunca irá saber em qual escala de resolução está a página.

 

Exemplo:

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>Título da Página</title>
</head>

 

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 RewelB
      Olá, gostaria de saber como faço pra que quando o usuário digite algo em um campo de texto a imagem fique girando. Eu tenho a imagem de uma engrenagem e queria que ela fizesse uma animaçãozinha no estilo da que tem nesse site: http://www.empsis.com.br/. Sou iniciante e peço desculpas se isso for muito simples de fazer. Estou usando PHP, HTML e CSS.
    • By RewelB
      Olá, gostaria de saber como faço pra que quando o usuário digite algo em um campo de texto a imagem fique girando. Eu tenho a imagem de uma engrenagem e queria que ela fizesse uma animaçãozinha no estilo da que tem nesse site: http://www.empsis.com.br/. Sou iniciante e peço desculpas se isso for muito simples de fazer. Estou usando PHP, HTML e CSS.
    • By Priscila Sena
      Boa noite, tudo bem?

      Me chamo Priscila e estou com um pequeno problema.

      Usamos um sistema que gera template de e-mail marketing aqui na empresa que eu trabalho e o disparo é feito por um sistema de disparo de e-mails, mudaram agora quem dispara e estamos com alguns problemas. As imagens ficam enormes em alguns navegadores (principalmente quando abrem pelo Outlook), o TI, que foi quem fez o template está batendo um pouco a cabeça para tentar resolver o problema para os próximos, o código eu acho que está mais ou menos e creio que o problema seja que ele não reconhece a tag style que puxa pelo td, mas não tenho certeza. 

      Podem me ajudar para algumas melhorias para os próximos? Para evitar quebra?

      Eu vou deixar o código aqui para vocês darem uma olhada, é o código de uma campanha mais antiga.

      "
      <!DOCTYPE html>
      <html>
          <head>
              <meta name="generator" content="">
              <link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i,900,900i" rel="stylesheet">
              <meta http-equiv="content-type" content="text/html; charset=utf-8">
          </head>
          <body style="font-family: 'Roboto', Myriad-pro, Arial, Helvetica, sans-serif;background-color: #eee;color: #666;">
                              <div class="container 1" style="width: 100%;max-width: 700px;min-width: 320px;margin: 0 auto;background-color: white;">
                              <table cellpadding="0" cellspacing="0" class="imgTopo" style="margin: 30px 0 10px;border-spacing: 0;width: 100%;max-width: 700px;height: auto;">
                      <tr>
                          <td>
                              <a href="https://www.walmart.com.br/" target="_blank" style="text-decoration: none;"><img style="width: 100%;" src="https://template.casavaticano.com.br//templates/testeira_pais_emkt-walmart.png"></a>
                          </td>
                      </tr>
                  </table>
                              <table style="width: 100%;max-width: 700px;min-width: 320px;text-align: center;margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
                      <tbody>
                                              <tr>
                                                                                          <tr>
                                                                     <td valign="bottom" align="centered">
                                                                              <table class="toda_categoria_a_com_x_de_desconto_na_compra_da_y_unidade" style="width: 210px;display: inline-block;margin: 0 auto 30px;border-spacing: 0;" cellspacing="0" cellpadding="0">
          <tbody>
              <tr>
                  <td><table style="margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
          <tbody>
              <tr>
                  <td>
                      <img class="imgBox" src="https://template.casavaticano.com.br//templates/6953202.jpeg" style="max-width: 200px;max-height:200px; top: 0px;vertical-align: top;">
                  </td>
              </tr>
          </tbody>
      </table>
                      <table class="boxRed" style="margin: 0 auto;border-spacing: 0;width: 210px;background-color: #dd1a3a;border-radius: 10px;" cellspacing="0" cellpadding="0">
                          <tbody>
                              <tr>
                                  <td>
                                      <table class="boxYellow" style="margin: 4px auto 0px;border-spacing: 0;width: 200px;background-color: yellow;border-radius: 6px;padding: 0px;" cellspacing="0" cellpadding="0"><tbody><tr>
                  <td><table style="width: 170px;margin: 0 auto;border-spacing: 0;"><tbody><tr>
                  <td class="txtPorcDesc" style="text-transform: uppercase;color: #dd1a3a;font-weight: 700;font-size: 38px;">
                      <table style="margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0"><tbody><tr><td>
                      <span>50</span><span class="txtPorcSinal" style="text-transform: uppercase;color: #dd1a3a;font-weight: 900;font-size: 20px;">%</span>
                      </td></tr></tbody></table>
                  </td>
                  <td class="txtDescUnid" style="text-transform: uppercase;color: black;font-weight: 900;font-size: 14px;line-height: 100%;position: relative;left: 5px;text-align: left;">
                      <table style="width: 120px;text-align: left;margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0"><tbody><tr><td>
                      <span>de desconto </span><br><span>na 2ª unidade**</span>          
                      </td></tr></tbody></table>
                  </td>
                  </tr></tbody></table></td>
              </tr></tbody></table>
              <table style="max-width: 95%;height: 50px;margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
                  <tbody>
                      <tr>
                          <td class="txtBoxRed" style="text-transform: uppercase;color: white;font-weight: 400;font-size: 14px;">
                              <span>TODOS OS PAPÉIS HIGIÊNICOS</span>
                          </td>
                      </tr>
                  </tbody>
                  </table>
                      </td>
              </tr>
              </tbody>
              </table>
                  </td>
              </tr>
          </tbody>
      </table>
                                      </td>
                                                                                                                                                      <td valign="bottom" align="centered">
                                                                               <table class="toda_categoria_a_com_x_de_desconto_na_compra_da_y_unidade" style="width: 210px;display: inline-block;margin: 0 auto 30px;border-spacing: 0;" cellspacing="0" cellpadding="0">
          <tbody>
              <tr>
                  <td><table style="margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
          <tbody>
              <tr>
                  <td>
                      <img class="imgBox" src="https://template.casavaticano.com.br//templates/6722944.jpeg" style="max-width: 200px;max-height:200px; top: 0px;vertical-align: top;">
                  </td>
              </tr>
          </tbody>
      </table>
                      <table class="boxRed" style="margin: 0 auto;border-spacing: 0;width: 210px;background-color: #dd1a3a;border-radius: 10px;" cellspacing="0" cellpadding="0">
                          <tbody>
                              <tr>
                                  <td>
                                      <table class="boxYellow" style="margin: 4px auto 0px;border-spacing: 0;width: 200px;background-color: yellow;border-radius: 6px;padding: 0px;" cellspacing="0" cellpadding="0"><tbody><tr>
                  <td><table style="width: 170px;margin: 0 auto;border-spacing: 0;"><tbody><tr>
                  <td class="txtPorcDesc" style="text-transform: uppercase;color: #dd1a3a;font-weight: 700;font-size: 38px;">
                      <table style="margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0"><tbody><tr><td>
                      <span>50</span><span class="txtPorcSinal" style="text-transform: uppercase;color: #dd1a3a;font-weight: 900;font-size: 20px;">%</span>
                      </td></tr></tbody></table>
                  </td>
                  <td class="txtDescUnid" style="text-transform: uppercase;color: black;font-weight: 900;font-size: 14px;line-height: 100%;position: relative;left: 5px;text-align: left;">
                      <table style="width: 120px;text-align: left;margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0"><tbody><tr><td>
                      <span>de desconto </span><br><span>na 2ª unidade**</span>          
                      </td></tr></tbody></table>
                  </td>
                  </tr></tbody></table></td>
              </tr></tbody></table>
              <table style="max-width: 95%;height: 50px;margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
                  <tbody>
                      <tr>
                          <td class="txtBoxRed" style="text-transform: uppercase;color: white;font-weight: 400;font-size: 14px;">
                              <span>TODOS AS FRALDAS HUGGIES</span>
                          </td>
                      </tr>
                  </tbody>
                  </table>
                      </td>
              </tr>
              </tbody>
              </table>
                  </td>
              </tr>
          </tbody>
      </table>
                                      </td>
                                                                                                                                                      <tr>
                                                                      <td valign="bottom" align="centered">
                                                                              <table class="toda_categoria_a_com_x_de_desconto_na_compra_da_y_unidade" style="width: 210px;display: inline-block;margin: 0 auto 30px;border-spacing: 0;" cellspacing="0" cellpadding="0">
          <tbody>
              <tr>
                  <td><table style="margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
          <tbody>
              <tr>
                  <td>
                      <img class="imgBox" src="https://template.casavaticano.com.br//templates/8134526.jpeg" style="max-width: 200px;max-height:200px; top: 0px;vertical-align: top;">
                  </td>
              </tr>
          </tbody>
      </table>
                      <table class="boxRed" style="margin: 0 auto;border-spacing: 0;width: 210px;background-color: #dd1a3a;border-radius: 10px;" cellspacing="0" cellpadding="0">
                          <tbody>
                              <tr>
                                  <td>
                                      <table class="boxYellow" style="margin: 4px auto 0px;border-spacing: 0;width: 200px;background-color: yellow;border-radius: 6px;padding: 0px;" cellspacing="0" cellpadding="0"><tbody><tr>
                  <td><table style="width: 170px;margin: 0 auto;border-spacing: 0;"><tbody><tr>
                  <td class="txtPorcDesc" style="text-transform: uppercase;color: #dd1a3a;font-weight: 700;font-size: 38px;">
                      <table style="margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0"><tbody><tr><td>
                      <span>60</span><span class="txtPorcSinal" style="text-transform: uppercase;color: #dd1a3a;font-weight: 900;font-size: 20px;">%</span>
                      </td></tr></tbody></table>
                  </td>
                  <td class="txtDescUnid" style="text-transform: uppercase;color: black;font-weight: 900;font-size: 14px;line-height: 100%;position: relative;left: 5px;text-align: left;">
                      <table style="width: 120px;text-align: left;margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0"><tbody><tr><td>
                      <span>de desconto </span><br><span>na 2ª unidade**</span>            
                      </td></tr></tbody></table>
                  </td>
                  </tr></tbody></table></td>
              </tr></tbody></table>
              <table style="max-width: 95%;height: 50px;margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
                  <tbody>
                      <tr>
                          <td class="txtBoxRed" style="text-transform: uppercase;color: white;font-weight: 400;font-size: 14px;">
                              <span>TODOS OS VINHOS OU ESPUMANTES</span>
                          </td>
                      </tr>
                  </tbody>
                  </table>
                      </td>
              </tr>
              </tbody>
              </table>
                  </td>
              </tr>
          </tbody>
      </table>
                                      </td>
                                                                                                                                                      <td valign="bottom" align="centered">
                                                                              <table class="simples" style="width: 210px;display: inline-block;margin: 0 auto 30px;border-spacing: 0;" cellspacing="0" cellpadding="0">
          <tbody>
              <tr>
                  <td>
                      <table style="width: 100%;margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
                          <tbody>
                              <tr>
                                  <td style="vertical-align: bottom;">
                                      <table style="margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
          <tbody>
              <tr>
                  <td>
                      <img class="imgBox" src="https://template.casavaticano.com.br//templates/7281902.jpeg" style="max-width: 200px;max-height:200px; top: 0px;vertical-align: top;">
                  </td>
              </tr>
          </tbody>
      </table>
       
                                  </td>
                              </tr>
                          </tbody>
                      </table>
                      <table style="margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
                          <tbody>
                              <tr>
                                  <td style="line-height: 80%;text-align: center;" width="210px" height="70px">
                                          <span class="txtInfo" style="text-transform: uppercase;">
                                          <span class="txtNome" style="font-weight: 900;color: black;font-size: 9pt;">Café Pilão</span><br>
                                          <span class="txtDesc" style="font-weight: 400;font-size: 8pt;">Extraforte Almofada 500g</span>
                                      </span>
                                  </td>
                              </tr>
                          </tbody>
                      </table>
                                      <table style="margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
          <tbody>
              <tr>
                  <td class="txtPreco" style="min-width: 130px;padding: 4px 0;text-align: center;border-radius: 6px;font-weight: 900;line-height: 1;background-color: #dd1a3a;">
                      <a class="btnPreco" href="http://www.walmart.com.br/" style="text-decoration: none;padding: 20px 20px 0;">
                          <span class="txtCurrency" style="color: yellow;">R$</span> 
                          <span class="txtInteger" style="color: yellow;font-size: 32pt;">7</span>
                          <span class="txtCents" style="color: yellow;yellow;font-size: 16pt">,44</span>
                      </a>
                  </td>
              </tr>
          </tbody>
      </table>
       
                  </td>
              </tr>
          </tbody>
      </table>
                                      </td>
                                                                                                                                                      <tr>
                                                                      <td valign="bottom" align="centered">
                                                                              <table class="simples" style="width: 210px;display: inline-block;margin: 0 auto 30px;border-spacing: 0;" cellspacing="0" cellpadding="0">
          <tbody>
              <tr>
                  <td>
                      <table style="width: 100%;margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
                          <tbody>
                              <tr>
                                  <td style="vertical-align: bottom;">
                                      <table style="margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
          <tbody>
              <tr>
                  <td>
                      <img class="imgBox" src="https://template.casavaticano.com.br//templates/7465255.jpeg" style="max-width: 200px;max-height:200px; top: 0px;vertical-align: top;">
                  </td>
              </tr>
          </tbody>
      </table>
       
                                  </td>
                              </tr>
                          </tbody>
                      </table>
                      <table style="margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
                          <tbody>
                              <tr>
                                  <td style="line-height: 80%;text-align: center;" width="210px" height="70px">
                                          <span class="txtInfo" style="text-transform: uppercase;">
                                          <span class="txtNome" style="font-weight: 900;color: black;font-size: 9pt;">Cerveja Brahma</span><br>
                                          <span class="txtDesc" style="font-weight: 400;font-size: 8pt;">Lata 350ml cada Pack com 18 unidades</span>
                                      </span>
                                  </td>
                              </tr>
                          </tbody>
                      </table>
                                      <table style="margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
          <tbody>
              <tr>
                  <td class="txtPreco" style="min-width: 130px;padding: 4px 0;text-align: center;border-radius: 6px;font-weight: 900;line-height: 1;background-color: #dd1a3a;">
                      <a class="btnPreco" href="http://www.walmart.com.br/" style="text-decoration: none;padding: 20px 20px 0;">
                          <span class="txtCurrency" style="color: yellow;">R$</span> 
                          <span class="txtInteger" style="color: yellow;font-size: 32pt;">34</span>
                          <span class="txtCents" style="color: yellow;yellow;font-size: 16pt">,02</span>
                      </a>
                  </td>
              </tr>
          </tbody>
      </table>
       
                  </td>
              </tr>
          </tbody>
      </table>
                                      </td>
                                                                                                                                                      <td valign="bottom" align="centered">
                                                                              <table class="parcelado" style="width: 320px;display: inline-block;margin: 0 auto 30px;border-spacing: 0;" cellspacing="0" cellpadding="0">
          <tbody>
              <tr>
                  <td>
                                      <table style="margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
          <tbody>
              <tr>
                  <td>
                      <img class="imgBox" src="https://template.casavaticano.com.br//templates/8931023.jpeg" style="max-width: 200px;max-height:200px; top: 0px;vertical-align: top;">
                  </td>
              </tr>
          </tbody>
      </table>
       
                                      <table style="width: 100%;height: 70px;margin-bottom: 2px;margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
                          <tbody>
                              <tr>
                                  <td style="vertical-align: bottom;">
                                      <table style="text-align: left;width: 110px;margin: 0 auto 4px;border-spacing: 0;" cellspacing="0" cellpadding="0">
                                          <tbody>
                                              <tr>
                                                  <td style="line-height: 80%;">
                                                      <span class="txtInfo">
                                                          <span class="txtNome" style="font-weight: 900;color: black;font-size: 9pt;line-height: 80%;text-transform: uppercase;">Smart TV 49&quot; LG</span>
                                                          <br>
                                                          <span class="txtDesc" style="font-weight: 400;font-size: 8pt;line-height: 80%;">Com acesso à internet</span>
                                                      </span>
                                                  </td>
                                              </tr>
                                          </tbody>
                                      </table>
                                  </td>
                                  <td style="vertical-align: bottom;">
                                                                      <table style="text-align: left;width: 190px;font-weight: 900;margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
                                          <tbody>
                                              <tr>
                                                  <td>
                                                      <table style="width: 190px;text-align: left;margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
                                                          <tbody>
                                                              <tr>
                                                                  <td>
                                                                      
                                                                      <table style="margin: 0 auto;margin-right: 10px;border-spacing: 0;">
                                                                          <tbody>
                                                                              <tr>
                                                                                  <td style="line-height:1.1;">
                                                                                      <table style="margin: 0 auto;border-spacing: 0;text-align: right;" width="32px" cellspacing="0" cellpadding="0">
                                                                                          <tbody>
                                                                                              <tr>
                                                                                                  <td>
                                                                                                      <span style="color:#dd1a3a;font-weight: 700;font-size: 7pt;">À vista</span>
                                                                                                      <span style="color: #dd1a3a;font-size: 14pt;">R$</span>
                                                                                                  </td>
                                                                                              </tr>
                                                                                          </tbody>
                                                                                      </table>
                                                                                  </td>
                                                                                  
                                                                                  <td>
                                                                                      <table style="margin: 0 auto;margin-right: 0px;border-spacing: 0;">
                                                                                          <tbody>
                                                                                              <tr>
                                                                                                  <td>
                                                                                                      <span style="color: #dd1a3a;font-size: 30pt;">2.199</span>
                                                                                                  </td>
                                                                                              </tr>
                                                                                          </tbody>
                                                                                      </table>
                                                                                  </td>
                                                                                  <td style="text-align: right;line-height: 0.7">
                                                                                      <span style="color: #dd1a3a;font-size: 18pt;">,00</span>
                                                                                      <span style="color:#dd1a3a;font-weight: 700;font-size: 7pt;">cada</span>
                                                                                  </td>
                                                                                  
                                                                              </tr>
                                                                          </tbody>
                                                                      </table>
                                                                      
                                                                  </td>
                                                              </tr>
                                                          </tbody>
                                                      </table>
                                                  </td>
                                              </tr>
                                          </tbody>
                                      </table>
                                  </td>
                              </tr>
                          </tbody>
                      </table>
                                      <table style="text-align: left;width: 320px;height: 60px;font-weight: 900;border-radius: 6px;border-style: solid;border-width: 1px;background-color: #29417f;margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
                          <tbody>
                              <tr>
                                  <td>
                                      <table style="width: 320px;margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
                                          <tbody>
                                              <tr>
                                                  <td>
                                                      <table style="display: inline-block;width: 100px;line-height: 23px;margin-left: 5px;margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
                                                          <tbody>
                                                              <tr>
                                                                  <td>
                                                                      <table style="margin: 0 auto;border-spacing: 0;margin-left: 5px;" cellspacing="0" cellpadding="0">
                                                                          <tbody>
                                                                              <tr>
                                                                                  <td style="width:100px;">
                                                                                      <span style="font-size: 6pt;color: white;text-transform: uppercase;">nos nossos cartões</span>
                                                                                  </td>
                                                                              </tr>
                                                                          </tbody>
                                                                      </table>
                                                                  </td>
                                                              </tr>
                                                              <tr>
                                                                  <td>
                                                                      <table style="margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
                                                                          <tbody>
                                                                              <tr>
                                                                                  <td style="width:100px;">
                                                                                      <img style="width: 50px;margin-left: 5px;" src="http://template.casavaticano.com.br/resources/cartoes.png">
                                                                                  </td>
                                                                              </tr>
                                                                          </tbody>
                                                                      </table>
                                                                  </td>
                                                              </tr>
                                                          </tbody>
                                                      </table>
                                                                                                      <table style="display: inline-block;width: 200px;margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
                                                          <tbody>
                                                              <tr>
                                                                  <td>
                                                                      <table style="width: 200px;color: yellow;margin: 0 auto;border-spacing: 0;" cellspacing="0" cellpadding="0">
                                                                          <tbody>
                                                                              <tr>
                                                                                  <td>
                                                                                      
                                                                                      <table style="margin: 0 auto;margin-right: 0px;border-spacing: 0;">
                                                                                          <tbody>
                                                                                              <tr>
                                                                                                  <td style="line-height: 1;">
                                                                                                      <table style="text-align: right;margin: 0 auto;border-spacing: 0;" width="20px" cellspacing="0" cellpadding="0">
                                                                                                          <tbody>
                                                                                                              <tr>
                                                                                                                  <td>
                                                                                                                      <span style="font-size: 14pt;">R$</span>
                                                                                                                  </td>
                                                                                                              </tr>
                                                                                                              <tr>
                                                                                                                  <td style="color:black;">
                                                                                                                      <span style="font-size: 18pt;"></span>
                                                                                                                      <span style="font-size: 18pt;color:white">15X</span>
                                                                                                                  </td>
                                                                                                              </tr>
                                                                                                          </tbody>
                                                                                                      </table>
                                                                                                  </td>
                                                                                                  
                                                                                                  <td>
                                                                                                      <table style="margin: 0 auto;margin-right: 0px;border-spacing: 0;">
                                                                                                          <tbody>
                                                                                                              <tr>
                                                                                                                  <td>
                                                                                                                      <span style="font-size: 38pt;">146</span>
                                                                                                                  </td>
                                                                                                              </tr>
                                                                                                          </tbody>
                                                                                                      </table>
                                                                                                  </td>
                                                                                                  <td style="margin: 0 auto;border-spacing: 0;line-height: 0.8;text-align: center;">
                                                                                                      <span style="font-size: 20pt;">,60</span>
                                                                                                      <br>
                                                                                                      <span style="font-weight: 700;font-size: 8pt;color: white;">sem juros</span>
                                                                                                  </td>
                                                                                              </tr>
                                                                                          </tbody>
                                                                                      </table>
                                                                                      
                                                                                  </td>
                                                                              </tr>
                                                                          </tbody>
                                                                      </table>
                                                                  </td>
                                                              </tr>
                                                          </tbody>
                                                      </table>
                                                  </td>
                                              </tr>
                                          </tbody>
                                      </table>
                                  </td>
                              </tr>
                          </tbody>
                      </table>
                  </td>
              </tr>
          </tbody>
      </table>

                                      </td>
                                                                                                              </tr>
                      </tbody>
                  </table>
                  
                            <table cellpadding="0" cellspacing="0" style="width: 100%;height: 40px;margin: 0 0 10px;text-align: center;border-spacing: 0;">
                      <tr>
                          <td>
                              <a class="btnConfira" href="https://www.walmartbrasil.com.br" target="_blank" style="text-decoration: none;text-transform: uppercase;font-size: 10pt;font-weight: 900;color: #007DC3;background-color: #f7c02b;padding: 12px 32px;border-radius: 24px;letter-spacing: 1px;">
                              Confira mais ofertas &gt;</a>
                          </td>
                      </tr>
                  </table>   
                  <table cellpadding="0" cellspacing="0" style="width: 100%;height: 20px;margin: 2 0 0 10px;text-align: center;border-spacing: 0;">
                      <tr>
                          <td>
                   <img style=" width: 500px; margin:0;"src="https://template.casavaticano.com.br/TEXTOS%20LEGAIS/LT.BEBIDAS-2.png">
                  </table>   
                  <div style="height: 16px"><table style="margin: 0 auto;border-spacing: 0;"><tr>
                  <td style=";display: inline-block;margin: 0;border-spacing: 0;border-radius: 6px 0 0 6px;padding: 14px 2px 8px 10px;background-color: #f7c02b;"><span style="color:#dd1a3a;font-style: italic;font-weight:900;font-size: 14pt;margin-right: 6px;line-height: 1;">Passa no</span></td>
                  <td style=";display: inline-block;margin: 0;border-spacing: 0;border-radius: 0 6px 6px 0;background-color: #027dc2;">
                      <img style="height: 35px;" src="https://template.casavaticano.com.br/bandeiras/WALMART.png">
                  </td>
                  </tr></table></div>
              <div style="width: 100%;max-width:700px;height: 12px;background-color: #f7c02b;margin: 0;border-spacing: 0;">
              </div>
                                <table cellpadding="0" cellspacing="0" class="txtBompreco" style="margin: 0 0 0;border-spacing: 0;width: 100%;height: 64px;font-size: 12pt;font-weight: 700;background-color: #007cc9;letter-spacing: 1px;">
          <tr>    
              <td>
                 
                  <table cellpadding="0" cellspacing="0" style="margin: 15px auto;border-spacing: 0;">
                      <tr>
                          <td>
                          </td>
                          <td align="center"><img style="height:40px;margin: 0 10px;" src="https://template.casavaticano.com.br/icons/Localizacao-novo.png"></td>
                                              <td>
                              <a href="https://tabloide.walmartbrasil.com.br/" target="_blank" style="text-decoration: none;"><span style="color: #f7c02b; margin-top:" >CLIQUE AQUI</span> <span style="color: white;">E VÁ ATÉ A LOJA MAIS PRÓXIMA</span></a>
                      </td>
                  </tr>
              </table>
                      <table cellpadding="0" cellspacing="0" class="txtSigaFacebook" style="margin: 0;border-spacing: 0;width: 100%;height: 74px;font-size: 12pt;font-weight: 700;background-color: #49aee9;letter-spacing: 1px;color: white;">
                  <tr>
                      <td>
                          <table cellpadding="0" cellspacing="0" style="margin: 0 auto;border-spacing: 0;">
                              <tr>
                                  <td><span>Siga a gente nas redes sociais:</span><img src=""></td>
                                                              <td align="center">
                                      <a href="https://www.facebook.com/walmartbrasil/" target="_blank" style="text-decoration: none;"><img style="height:36px;margin: 0 10px;" src="https://template.casavaticano.com.br/icons/facebook-novo.png"></a>
                                       <a href="https://www.instagram.com/walmartbrasil" target="_blank" style="text-decoration: none;"><img style="height:36px;margin: 0 10px;" src="https://template.casavaticano.com.br/icons/instagram-novo.png"></a>
                                       <a href="https://www.youtube.com/user/walmartinstitucional" target="_blank" style="text-decoration: none;"><img style="height:36px;margin: 0 10px;" src="https://template.casavaticano.com.br/icons/youtube-novo.png"></a>
                                  </td>
                                                          </tr>
                          </table>
                      </td>
                  </tr>
              </table>
                  </td>
              </div>
      </table>
      <table style="width: 100%;max-width: 700px;margin: 20px auto;padding: 0 30px;text-align: center;font-size: 9pt;line-height: 1.2;border-spacing: 0;" cellspacing="0" cellpadding="0">
          <tbody>
              <tr>
                  <td><pre>Material vigente para 09/08/2019 ou enquanto durarem os estoques. Nem
      todos os produtos estão disponíveis nas lojas Walmart, podendo variar de acordo
      com o estoque ou sortimento de cada loja. Consulte a loja mais próxima. Para
      melhor atender nossos clientes, não vendemos por atacado e reservamo-nos o
      direito de limitar a quantidade de 12un./kg por cliente dos produtos anunciados.
      Nas lojas participantes garantimos a quantidade mínima de 12un./kg por loja dos
      produtos anunciados na data de início do anúncio. Fotos meramente ilustrativas.</span></td>
              </tr>
          </tbody>
      </table>
                              </body>
      </html>"

      Obrigada
×

Important Information

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