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 ThosuZ
      Olá, pessoal. Perdoem-me pelo título horrível, eu realmente não sei como resumir. Gostaria de saber qual o nome e com que linguagem é feita aquele pequena animação que alguns sites possuem, que é quando você vai rodando o scroll pra baixo e aos poucos os objetos vão aparecendo sem desaparecer quando você volta o scroll pra cima. Gostaria de saber apenas o nome pra poder procurar tutoriais e afins.
       
      Exemplo: https://ribetav.46graus.com/ notem que os objetos vão aparecendo aos poucos.
    • By gustavodubarbosa
      Estou criando uma página que realize monitoramento de atividades.
      No meu código PHP defini uma variável que busca a data atual, depois passei o parâmetro de conexão com o banco de dados, depois criei um while para buscar as informações, dentro do while criei um if, a condição if é que se a variável data for igual a data cadastrada na atividade, exiba toda a atividade cadastrada. Mas o problema é que o if não está controlando essa condição, está passando direto e exibindo tudo.
      <?php $number = ('23'); $data = date("Y-m-d"); echo "$data"; /*Aqui realizo a conexão com o banco de dados, passo os dados para conectar, caso dê algum erro, o sistema me retorna uma mensagem de erro*/ $conect = mysqli_connect('localhost','root','','projeto_pessoal') or die ('Erro na conexão com o banco de dados'); /*Aqui passo o comando para realizar a busca no banco de dados, aplicando o filtro de pesquisa*/ $result_pesquisa = "SELECT * FROM cadastrar_atividade"; /*Neste momento, mando a execução, preciso passar como parametro a variável com a conexão e a variável com o comando, caso dê erro, será exibido uma mensagem*/ $resultado_pesquisa = mysqli_query($conect, $result_pesquisa); /*Aqui é aberto um laço de repetição para fazer uma varredura no banco de dados, em seguida realizo a exibição do que foi encontrado*/ ?> <h1>Resultado da Pesquisa</h1> <?php while($rows_pesquisa = mysqli_fetch_array($resultado_pesquisa)){ if($rows_pesquisa['prazo'] == $data) echo '<p class="title">'.'ID da atividade: '.'</p>'.'<p class="result">'.$rows_pesquisa['id'].'<br>'.'</p>'; echo '<p class="title">'.'Nome da atividade: '.'</p>'.'<p class="result">'.$rows_pesquisa['nome_atividade'].'<br>'.'</p>'; echo '<p class="title">'.'Descrição da atividade: '.'</p>'.'<p class="result">'.$rows_pesquisa['desc_atividade'].'<br>'.'</p>'; echo '<p class="title">'.'Prioridade: '.'</p>'.'<p class="result">'.$rows_pesquisa['prioridade'].'<br>'.'</p>'; echo '<p class="title">'.'Prazo: '.'</p>'.'<p class="result">'.$rows_pesquisa['prazo'].'<br>'.'</p>'; echo 'carregado'; echo '<hr></hr>'; } ?>  
    • By renatamdk
      Oii gente!
      Eu sou iniciante em html e estou tendo dificuldade em mudar a cor do campo de um formulário...
       
      Já procurei aqui, e o que encontrei não entendi muito bem também ):
       
      Se alguém puder me ajudar, agradeço.
       
      Vou deixar um anexo de como está o formulário. Queria deixar o fundo mais cinzinha, pois branco está destacando demais. Só isso...
       
       
       
      O código:
       
      <!-- Formulário -->
      <form id="llCaptureForm" class="llformCustom" action="//paginas.rocks/capture" method="post">
         <input type="hidden" id="mid" name="mid" value="328302">
         <input type="hidden" id="fid" name="fid" value="14926">
         <div>
             <label style="color: rgba(255, 255, 255, 1) !important;" for="llfield32417">Nome</label>
             <input type="text" id="llfield32417" name="llfield32417" placeholder="Seu nome">
             <div class="field-error" id="llerror32417"></div>
         </div>
         <div>
             <label style="color: rgba(255, 255, 255, 1) !important;" for="llfield32419">Contato</label>
             <input type="tel" id="llfield32419" name="llfield32419" placeholder="DDD + Número">
             <div class="field-error" id="llerror32419"></div>
         </div>
         <div>
             <label style="color: rgba(255, 255, 255, 1) !important;" for="llfield32418">E-mail</label>
             <input type="email" id="llfield32418" name="llfield32418" placeholder="Informe seu e-mail" data-required="true">
             <div class="field-error" id="llerror32418"></div>
         </div>
         <div class="button-bar">
             <button style="background-color: rgba(255, 179, 38, 1) !important;" type="submit">Cadastrar</button>
         </div>
         <div class="loading-box">
             <img src="//paginas.rocks/content/images/spinner.gif">
             <div>loading...</div>
         </div>
         <div class="error-box">
             <img src="//paginas.rocks/content/images/error-icon.png">
             <div></div>
             <button type="button" class="btn" id="btn-error">Ok</button>
         </div>
         <img src="https://llimages.com/redirect/redirect.aspx?A=V&amp;f=14926&amp;m=328302" style="display: none;">
      </form>

    • By rtavix
      Estou realizando uma implementação de um determinado relatório, e implementei a estrutura(html da pagina) do mesmo dinamicamente, entretanto quando vou tentar imprimir ele com os dados preenchidos o mesmo não abre uma aba a parte mostrando toda essa estrutura da pagina. Estou tentando fazer via JavaScript, porém não funciona. meu ação do clique do botão de imprimir é esse:
      <div class="box-footer"> <button class="btn btn-padrao" id="btnImprime" runat="server" visible="false" onserverclick="btnImprimir_ServerClick">Imprimir</button></i>Novo</button> </div> Meu javaScript é esse:
      function Imprimir() { var panel = document.getElementById("ConteinerImprimir"); var printWindow = window.open('', '', ''); printWindow.document.write('<html><head><script src="JsRelatorioFinanciamento.js"></script>'); printWindow.document.write('<link href="../StyleJs.RelFinanciamento.css" rel="stylesheet"/>'); printWindow.document.write('</head><body>'); printWindow.document.write('<div class="conteiner" style="width: 700px">' + panel.innerHTML + '</div>'); printWindow.document.write('</body></html>'); printWindow.document.close(); setTimeout(function () { printWindow.print(); }, 500); return false; e meu código .cs que realiza a implementação da estrutura da pagina em html dinâmico é esse: 
      #region html #region Header private string header = @" <table style = 'margin-bottom: 0px;'> <tr id='topLogo'> <img src = 'http://internet.sefaz.es.gov.br/imagens/topo_brasao.png' alt=''> <td style = 'border: 0px; padding-bottom: 5px;'> <h2 style='margin-top: 15px;' class='center'> TESTE 1 </h2> <h3 style = 'margin-top: 15px;' class='center'> TESTE 2 - 2<br/> </h3> <h3 style = 'margin-top: 15px;' class='center'> TESTE 3<br/> </h3> <h3 style = 'margin-top: 15px;' class='center'> FINANCIAMENTO LIBERADO - TODAS EMPRESAS<br/> </h3> <h3 style = 'margin-top: 15px;' class='center'> Base {1}<br/> </h3> <h1 style = 'margin-top: 15px;' class='left'> EmpresasTESTE4 - {2}<br/> </h1> </td> </tr> </table>"; #endregion #region Conteudo private const string dadosFinanciamento = @" <table style='padding: 0px; margin: 0px;' class='no-bold'> <tr class='tr-center'> <tr> <td colspan = '4' > Razão Social <h4> {0}</h4> </td> </tr> <tr> <td>Inscrição Estadual <h4 class='center'>{1}</h4> </td> <td colspan ='2'> C.N.P.J <h4> {2} </h4> </td> <td colspan='2'>Nome Fantasia <h4>{3}</h4> </td> </tr> </table> <br/>"; #endregion #region ValoresFin private const string dadosValores = @" <table style='padding: 0px; margin: 0px;'class='no-bold'> <tr> <td rowspan = '3' style=border-bottom: 3px solid black> <h5>Faturamento Dezembro 2014</h5> <h4>Saldo</h4> </td> <td class='center'> <h2>ICMS Previsto</h2> </td > <td class='center'> <h2>ICMS Recolhido</h2> </td> <td class='center'> <h2>Contratado</h2> </td> <td class='center'> <h2>Liberado</h2> </td> </tr> <tr> <td class='center'> {0} </td> <td class='center'> {1} </td> <td class='center'> {2} </td> <td class='center'> {3} </td> </tr> </table> <br/>"; #endregion #endregion e estou utilizando o StringBuilder:
      StringBuilder strConstrution = new StringBuilder(); Alguém saberia me instruir como eu posso fazer para conseguir visualizar meu relátorio por completo?
    • By flarique
      iae pessoal, então eu estou querendo fazer o envio de um email do meu formulário por intermédio de um php que estou testando em um servidor ativo!
      este é o formulário e o meu problema é explicitamente com a passagem de informação do bootstrap 4 escrito em html para o php.
      este é o formulário.
      <!-- Formulario --> <div class="container"> <div class="row"> <div class="col-12 text-center my-5"> <h1 class="display-4 text-danger"><i class="fa fa-paper-plane text-danger" aria-hidden="true"></i>Enviar e-mail</h1> </div> </div> <div class="row justify-content-center mb-5"> <div class="col-sm-12 col-md-10 col-lg-8"> <form action="../Teste.php" method="post" role="form"> <div class="form-row"> <div class="form-group col-sm-6"> <label class="text-dark" for="InputName" >Nome completo</label> <input type="text" class="form-control" id="InputName" name="nome" required placeholder="Nome"> </div> </div> <div class="form-row"> <div class="form-group col-sm-12"> <label class="text-dark" for="inputEnd">Email</label> <input type="email" class="form-control" id="inputEnd" nome="email" required placeholder="Endereço completo"> </div> </div> <div class="form-row"> <div class="form-group col-sm-6"> <label class="text-dark" for="inputCidade">Sua cidade</label> <input type="text" class="form-control" id="inputCidade" name="cidade" required placeholder="Cidade"> </div> </div> <div class="form-row"> <div class="col-sm-12"> <button type="submit" class="btn btn-primary">Enviar</button> <a tabindex="0" class="btn btn-secondary ml-2" role="button" data-toggle="popover" data-placement="right"data-trigger="focus" title="Ajuda!" data-content="Preença todas as caixas.">Ajuda</a> </div> </div> </form> </div> </div> </div> e este é o php que deve receber as informações do formulario pelo method="post" e o action="../Teste.php" mas as variaveis do php não mudam.
      este é o php.
      <?php $name = $_POST['name']; $email = $_POST['email']; $cidade = $_POST['cidade']; $email_from = 'Teste'; $email_subject = 'Teste2'; $email_body = "Name: $name.\n". "Email: $email.\n". "Cidade: $cidade.\n"; $to = "enriboliveira@gmail.com"; $headers = "From $email_from \r\n"; $headers .= "Reply-to: $email \r\n"; echo "nome : $name"; ?>  
×

Important Information

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