[gitec] Ajuda código html

Adriano camaramg2 em gmail.com
Segunda Agosto 17 12:10:17 -03 2020


Boa tarde,

Criei um campo com botões de acesso rápido ao lado do carrossel. Os botões
estavam eram exibidos em 2 colunas, e no modo responsivo em apenas 1. Só
que agora não está sendo exibido da forma correta, ficando apenas em 1
coluna mesmo no modo desktop. Alguém poderia me ajudar?

www.careacu.mg.leg.br

O que foi feito:

Tille Embede com o seguinte código:

<div align="center">

<div class="acessorapido">

<div class="acesso"><a class="internal-link" href="atividadelegislativa"
target="_self" title=""><img class="image-inline"
src="resolveuid/5b8fef0437db45bfbf8745afa39fdbe9" /></a></div>

<div class="acesso"><a class="internal-link" href="
https://sapl.careacu.mg.leg.br/media/sapl/public/normajuridica/2004/641/641_texto_integral.pdf"
target="_self" title=""><img class="image-inline"
src="resolveuid/9bc84ef929b043f5a01c2e0ab40d18a2" /></a></div>

<div class="acesso"><a class="internal-link" href="institucional"
target="_self" title=""><img class="image-inline"
src="resolveuid/d6c2bc78f8264544addd4a5350a89a18" /></a></div>

<div class="acesso"><a class="internal-link" href="
https://sapl.careacu.mg.leg.br/media/sapl/public/normajuridica/1990/640/640_texto_integral.pdf"
target="_self" title=""><img class="image-inline"
src="resolveuid/36198e1e24b6464cb5b2862022bcd24d" /></a></div>

<div class="acesso"><a class="internal-link" href="legislacao/publicacao"
target="_self" title=""><img class="image-inline"
src="resolveuid/7f7db7a2799f45c48cc294de6a40589e" /></a></div>

<div class="acesso"><a class="internal-link" href="legislacao"
target="_self" title=""><img class="image-inline"
src="resolveuid/9958f2d62ff040ca99aab6923b213d48" /></a></div>

<div class="acesso"><a class="internal-link" href="
http://pt.careacu.mg.leg.br/Licitacao" target="_self" title=""><img
class="image-inline" src="resolveuid/e1ee8c1b192e405a9e42020059b87de8"
/></a></div>

<div class="acesso"><a class="internal-link" href="
http://pt.careacu.mg.leg.br/?Meio=Contrato_e_Aditivos" target="_self"
title=""><img class="image-inline"
src="resolveuid/da960ac8401044c9a1550d413843bca9" /></a></div>

<div class="acesso"><a class="internal-link" href="institucional/noticias"
target="_self" title=""><img class="image-inline"
src="resolveuid/f9f6c3101afc45ea9a29297ab434ea48" /></a></div>

<div class="acesso"><a class="internal-link" href="institucional/eventos"
target="_self" title=""><img class="image-inline"
src="resolveuid/c5893702600c43fcbc2d525f8c0963b2" /></a></div>

<div class="acesso"><a class="internal-link"
href="atividadelegislativa/tramitacao" target="_self" title=""><img
class="image-inline" src="resolveuid/0dfa86809fc24878b159ed87d273f16c"
/></a></div>

<div class="acesso"><a class="internal-link"
href="transparencia/controleinterno" target="_self" title=""><img
class="image-inline" src="resolveuid/ffd24ee101e04c64a87e5df237a1f64e"
/></a></div>

</div>

</div>


E adicionado o seguinte código no css:

/********** Acesso Rápido **********/

 .acessorapido {
    display: block;
    text-align: center;
  }
  .acesso {
    display: inline-block;
    margin-top: 0.1em;
    margin-bottom: 0.1em;
    padding: 2px;
    box-sizing: border-box;
    opacity: 0.5;                     /*opcional*/
    transition: opacity 0.3s ease;    /*opcional*/
  }
  .acesso:hover {                   /*opcional*/
    opacity: 1;                       /*opcional*/
  }

  @media only screen and (min-width: 481px) and (max-width: 768px) {
  .acesso {
    max-width: 44%;
    }
  }

-- 
Adriano de Castro
www.careacu.mg.leg.br
-------------- Próxima Parte ----------
Um anexo em HTML foi limpo...
URL: <http://listas.interlegis.gov.br/pipermail/gitec/attachments/20200817/7d7e9df2/attachment.html>


Mais detalhes sobre a lista de discussão GITEC