Jump to content
egalauber

Link fica muito grande quando coloco <li> dentro do <a>

Recommended Posts

Quero que meus links tenham marcadores e que os marcadores fiquem selecionados juntos com o link. Pra isso, coloquei o LI dentro do A. <a><li>meu link</li></a>

Só que o link ficou muito grande. Mesmo com o mouse longe do texto, ele já ativa o link. Vejam na imagem.

 

20190613_165359.jpg.f32cd410ae4f26759c351ba7be7d9879.jpg

 

Vejam o código:

 

CSS

#links_uteis {
        width:482px;
        height:230px;
        float:right;
        margin-top:20px;
        margin-right:20px;
        font-size:20px;
        list-style-type:disc;
        list-style-position:inside;
    }

#links_uteis table {
        width:420px;
        margin-left:10px;
    }

#links_uteis td {
        width:210px;
        padding:5px 10px 5px 10px;
    }

#links_uteis a:hover {
        text-decoration:underline;
        color:#D90000;
    }

 

 

HTML

<div id="links_uteis">
Links úteis
<div class="barra_titulo"></div>

<table border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>
    <a href="#" target="_blank"><li>Inmetro</li></a>
    </td>
    <td>
    <a href="#" target="_blank"><li>Seplag</li></a>
    </td>
  </tr>
  <tr>
    <td>
    <a href="#" target="_blank"><li>Ipsemg</li></a>
    </td>
    <td>
    <a href="#" target="_blank"><li>IOF-MG</li></a>
    </td>
  </tr>
  <tr>
    <td>
    <a href="#" target="_blank"><li>ALMG</li></a>
    </td>
    <td>
    <a href="#" target="_blank"><li>MGS</li></a>
    </td>
  </tr>
  <tr>
    <td>
    <a href="#" target="_blank"><li>Portal de serviços</li></a></td>
    <td>
    <a href="#" target="_blank"><li>Portal do servidor</li></a></td>
  </tr>
</table>


</div> <!--Fecha a div links_uteis-->

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 Lucas Trindade
      Boa noite galera!
       
      Estou desenvolvendo um site em Bootstrap e surgiu uma dúvida afinal nunca desenvolvi um layout desta forma.
       
      Na foto anexada os 3 cards estão deslocados para baixo do container e isto faz com que a seção seguinte dos cards fique em cima deles por conta deste deslocamento.
       
      Não sei se fui bem claro mas, como eu arrumaria isso? 
       
      Preciso desenvolver este site para enviar para uma empresa. Alguém poderia me ajudar? Se for necessário envio o arquivo com o site inteiro.Obrigado
    • By joicitias
      Olá, 
      Estou aprendendo a programar ainda, e preciso fazer com que ao clicar em um botão o  conteúdo selecionado de um select seja copiado para uma textarea. 
       
       

    • By Ygor Silva
      Boa tarde gente. Tenho meu site em Mobirise, pra pegar leads. 
      Ao cliente clicar em enviar ele só mostra a mensagem de "obrigado, aguarde nosso contato". 
      Eu gostaria que em vez disto, ele encaminhasse ele pra página de obrigado.
      Já tentei um mente de coisas mas não funcionou.
       
      Segue abaixo o código. Este meu formulário é formoid.
      <div data-form-type="formoid">                     <!---Formbuilder Form--->                     <form action="https://mobirise.com/" method="POST" class="mbr-form form-with-styler" data-form-title="Mobirise Form"><input type="hidden" name="email" data-form-email="true" value="A6LDZwZh8SsHY2SXE5G0uDeobTt+vGAPyztLTpaFnJ3YS523L+3ekb+dfC0ljSO2ENKcG2x7MzCrFsvX6BsE84UN+iQwUvASww4aTuqS7DVv4QO8axCqYvnhYxsAOEpX">                         <div class="row">                             <div hidden="hidden" data-form-alert="" class="alert alert-success col-12">Obrigado por deixar seu contato. Em breve ligaremos pra você.</div>                             <div hidden="hidden" data-form-alert-danger="" class="alert alert-danger col-12">                             </div>                         </div>                         <div class="dragArea">                             <div class="col-md-6  form-group" data-for="name">                                 <input type="text" name="name" placeholder="Seu nome" data-form-field="Name" required="required" class="form-control input display-7" id="name-form4-d">                             </div>                             <div class="col-md-6  form-group" data-for="phone">                                 <input type="text" name="phone" placeholder="Telefone" data-form-field="Phone" required="required" class="form-control input display-7" id="phone-form4-d">                             </div>                             <div data-for="email" class="col-md-12  form-group">                                 <input type="text" name="email" placeholder="E-mail" data-form-field="Email" class="form-control input display-7" required="required" id="email-form4-d">                             </div>                                                          <div class="col-md-12 input-group-btn  mt-2 align-center"><button type="submit" class="btn btn-primary btn-form display-4" href="obrigado.html#header3-2j">ENVIAR</button></div>                         </div>                     </form><!---Formbuilder Form--->                 </div>  
×

Important Information

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