[gitec] Ajuda código html

Alessandro Santos edenfall em gmail.com
Segunda Agosto 17 19:22:48 -03 2020


Boa noite...

Conseguiu corrigir?

Porque aqui está abrindo corretamente...

Só testei no Firefox.

At.te.

Alessandro Ramos dos Santos

"Tentamos muito não ficar confiantes demais, porque quando você fica
confiante demais é quando alguma coisa acontece e te morde" [Neil
Armstrong]

On Mon, Aug 17, 2020 at 12:10 PM Adriano <camaramg2 em gmail.com> wrote:
>
> 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
> --
> Histórico do grupo:
> http://colab.interlegis.leg.br/search/?type=thread&order=latest&list=gitec
>
> Regras de participação:
> http://colab.interlegis.leg.br/wiki/ComoParticiparComunidade
>
> Para administrar ou excluir sua conta visite:
> https://listas.interlegis.gov.br/mailman/listinfo/gitec


Mais detalhes sobre a lista de discussão GITEC