[gitec] Portlet Parlamentares

Fabiano de Almeida informatica em telemacoborba.pr.leg.br
Quarta Junho 29 13:36:34 BRT 2016


Para evitar o efeito cascata tão bem salientado pelo amigo Ângelo, você
pode usar CSS inline. Não é tão produtivo, mas é uma alternativa.

2016-06-29 10:13 GMT-03:00 Angelo Marcondes de Oliveira Neto <
angelomarcondes em gmail.com>:

> 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
>>
>
>
> --
> 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
>



-- 
Fabiano de Almeida
C.M. Telêmaco Borba - PR
-------------- Próxima Parte ----------
Um anexo em HTML foi limpo...
URL: <http://listas.interlegis.gov.br/pipermail/gitec/attachments/20160629/ef6b3487/attachment.html>


Mais detalhes sobre a lista de discussão GITEC