[gitec] Portlet Parlamentares

Angelo Marcondes de Oliveira Neto angelomarcondes em gmail.com
Quarta Junho 29 10:13:06 BRT 2016


Adriano,

Para centralizar algo você deve utilizar CSS.
Mas lembre-se que, o seu portal vai ser visualizado em várias telas então é
interessante que você estude e simule estas visualizações.
Mas lembre-se que CSS quer dizer* Cascading Style Sheets* ou seja Folha de
estilo em CASCATA.
CASCATA, CASCATA, Efeito CASCATA
<https://pt.wikipedia.org/wiki/Efeito_domin%C3%B3>.
Sendo assim, depois da brincadeira chata, com a cascata, utilize as
alterações CSS com atenção e sempre em um portal de destes para não
comprometer o portal em produção.
Para aprender mais sobre CSS e a HTML eu indico a http://www.w3schools.com/

Abraços

Angelo Marcondes de Oliveira Neto. <angelomarcondes em gmail.com>
http://angelomarcondes.blogspot.com - portifólio de serviços.
angelomarcondes em gmail.com
(34) 91414287
Carneirinho - MG


Em 22 de junho de 2016 08:25, Adriano <camaramg2 em gmail.com> escreveu:

> Bom dia,
>
>
> Queria saber como faço para colocar as fotos dos vereadores de forma que
> fiquem *centralizadas dentro do portlet* (5 fotos na linha de cima e 4 na
> linha de baixo).
>
>
> Portlet: Parlamentares 2013/2016 <http://www.careacu.mg.leg.br/>
>
>
> Criei este portlet da seguinte forma:
>
>
> <h2 style="text-align: center; font-family: Verdana;"
> data-mce-style="text-align: center; font-family: Verdana;">Parlamentares
> 2013/2016</h2>
>
> <div class="vereadores">
>
> <div class="vereador"><a class="external-link"
> href="institucional/parlamentares/show_window?url=
> http://sapl.careacu.mg.leg.br/consultas/parlamentar/parlamentar_mostrar_proc?cod_parlamentar=139%26iframe=1"
> target="_self" title=""><img class="image-inline"
> src="resolveuid/90b7e4f540984126be223e88ca9ed9e8" /><br /></a></div>
>
> <div class="vereador"><a class="external-link"
> href="institucional/parlamentares/show_window?url=
> http://sapl.careacu.mg.leg.br/consultas/parlamentar/parlamentar_mostrar_proc?cod_parlamentar=1%26iframe=1"
> target="_self" title=""><img class="image-inline"
> src="resolveuid/020fb998ceca4f28bc5983014ff4a2d0" /><br /></a></div>
>
> <div class="vereador"><a class="external-link"
> href="institucional/parlamentares/show_window?url=
> http://sapl.careacu.mg.leg.br/consultas/parlamentar/parlamentar_mostrar_proc?cod_parlamentar=140%26iframe=1"
> target="_self" title=""><img class="image-inline"
> src="resolveuid/5b1d4af6416746f2be4add96bbe9e020" /><br /></a></div>
>
> <div class="vereador"><a class="external-link"
> href="institucional/parlamentares/show_window?url=
> http://sapl.careacu.mg.leg.br/consultas/parlamentar/parlamentar_mostrar_proc?cod_parlamentar=3%26iframe=1"
> target="_self" title=""><img class="image-inline"
> src="resolveuid/a0e5c83cf4434e7397a82690efeddcaa" /><br /></a></div>
>
> <div class="vereador"><a class="external-link"
> href="institucional/parlamentares/show_window?url=
> http://sapl.careacu.mg.leg.br/consultas/parlamentar/parlamentar_mostrar_proc?cod_parlamentar=112%26iframe=1"
> target="_self" title=""><img class="image-inline"
> src="resolveuid/e817c9bf1b6247599ec4d6950b92ba49" /><br /></a></div>
>
> <div class="vereador"><a class="external-link"
> href="institucional/parlamentares/show_window?url=
> http://sapl.careacu.mg.leg.br/consultas/parlamentar/parlamentar_mostrar_proc?cod_parlamentar=141%26iframe=1"
> target="_self" title=""><img class="image-inline"
> src="resolveuid/22e82b4cc94b47c68edec85961928f60" /><br /></a></div>
>
> <div class="vereador"><a class="external-link"
> href="institucional/parlamentares/show_window?url=
> http://sapl.careacu.mg.leg.br/consultas/parlamentar/parlamentar_mostrar_proc?cod_parlamentar=133%26iframe=1"
> target="_self" title=""><img class="image-inline"
> src="resolveuid/b91936832604458cb98bace45b9d4572" /><br /></a></div>
>
> <div class="vereador"><a class="external-link"
> href="institucional/parlamentares/show_window?url=
> http://sapl.careacu.mg.leg.br/consultas/parlamentar/parlamentar_mostrar_proc?cod_parlamentar=138%26iframe=1"
> target="_self" title=""><img class="image-inline"
> src="resolveuid/bd129583bb7a4cf7bea72957b0b23a4a" /><br /></a></div>
>
> <div class="vereador"><a class="external-link"
> href="institucional/parlamentares/show_window?url=
> http://sapl.careacu.mg.leg.br/consultas/parlamentar/parlamentar_mostrar_proc?cod_parlamentar=8%26iframe=1"
> target="_self" title=""><img class="image-inline"
> src="resolveuid/2b7059c206f941a7a229ee1e8f0b0c64" /><br /></a></div>
>
> E acrescentei no arquivo css:
>
> /********** Vereadores **********/
> .vereadores { display: table; }
> .vereador {
>   float: left; width: 20%;
>   text-align: center;
> }
>
> ​Obrigado.​
>
> --
> 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
>
-------------- Próxima Parte ----------
Um anexo em HTML foi limpo...
URL: <http://listas.interlegis.gov.br/pipermail/gitec/attachments/20160629/da1ca6d7/attachment.html>


Mais detalhes sobre a lista de discussão GITEC