<div dir="ltr"><div class="gmail_default" style="font-family:verdana,sans-serif">Leandro, aproveitando da sua boa vontade e dos seus conhecimentos, que dica vc poderia me dar para que esta página (<a href="http://www.careacu.mg.leg.br/institucional/presidentes">http://www.careacu.mg.leg.br/institucional/presidentes</a>) fique com uma responsividade adequada, principalmente qdo visualizada através de um smartphone?<br><br></div><div class="gmail_default" style="font-family:verdana,sans-serif">No CSS está assim:<br><br>/********** Presidentes **********/<br>.presidentes { display: table; }<br>.presidente {<br>  float: left; width: 20%;<br>  text-align: center;<br>}<br><br></div><div class="gmail_default" style="font-family:verdana,sans-serif">Obrigado.<br></div></div><div class="gmail_extra"><br><div class="gmail_quote">2016-06-30 9:46 GMT-03:00 Adriano <span dir="ltr"><<a href="mailto:camaramg2@gmail.com" target="_blank">camaramg2@gmail.com</a>></span>:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr"><div class="gmail_default" style="font-family:verdana,sans-serif">Já alterei...<br>Obrigado Leandro.<br></div></div><div class="HOEnZb"><div class="h5"><div class="gmail_extra"><br><div class="gmail_quote">2016-06-30 9:32 GMT-03:00 Leandro Roberto Silva <span dir="ltr"><<a href="mailto:leandroroberto.br@gmail.com" target="_blank">leandroroberto.br@gmail.com</a>></span>:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr">Adriano, <br>fiz a customização direto no firefox e esqueci de testar no crhome... a responsividade no crhome não está funcionando com esperado... troque a propriedade box-sizing para "<font face="monospace">box-sizing: border-box;</font>"... acho que resolverá...<br><br><br></div><div><div><br><div class="gmail_quote"><div dir="ltr">Em qui, 30 de jun de 2016 às 07:55, Adriano <<a href="mailto:camaramg2@gmail.com" target="_blank">camaramg2@gmail.com</a>> escreveu:<br></div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr"><div class="gmail_default" style="font-family:verdana,sans-serif">Obrigado pela ajuda de todos!<br></div><div class="gmail_default" style="font-family:verdana,sans-serif">Leandro, show de bola sua dica!<br></div></div><div class="gmail_extra"><br><div class="gmail_quote">2016-06-29 15:10 GMT-03:00 Leandro Roberto Silva <span dir="ltr"><<a href="mailto:leandroroberto.br@gmail.com" target="_blank">leandroroberto.br@gmail.com</a>></span>:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr">Olá Adriano, <br><br>mude as classes para:<div><br><div><font face="monospace"><b>  .vereadores {</b></font></div><div><font face="monospace"><b>    display: block;</b></font></div><div><font face="monospace"><b>    text-align: center;</b></font></div><div><font face="monospace"><b>  }</b></font></div><div><font face="monospace"><b>  .vereador {</b></font></div><div><font face="monospace"><b>    max-width: 20%;</b></font></div><div><font face="monospace"><b>    display: inline-block;</b></font></div><div><font face="monospace"><b>    margin-bottom: 1em;</b></font></div><div><font face="monospace"><b>    padding: 2px;</b></font></div><div><font face="monospace"><b>    box-sizing: padding-box;</b></font></div><div><font face="monospace"><b><br></b></font></div><div><font face="monospace"><b>    opacity: 0.8;                    </b></font><font face="monospace"><b><span> </span>/*</b></font><b style="font-family:monospace;font-size:10.5625px;line-height:15.8438px">opcional*/</b></div><div><font face="monospace"><b>    transition: opacity 0.3s ease;   </b></font><font face="monospace"><b><span> </span>/*</b></font><b style="font-family:monospace;font-size:10.5625px;line-height:15.8438px">opcional*/</b></div><div><font face="monospace"><b>  }</b></font></div><div><font face="monospace"><b>  .vereador:hover {                  </b></font><font face="monospace"><b><span> </span>/*</b></font><b style="font-family:monospace;font-size:10.5625px;line-height:15.8438px">opcional*/</b></div><div><font face="monospace"><b>    opacity: 1;                       /*</b></font><b style="font-family:monospace;font-size:10.5625px;line-height:15.8438px">opcional*/</b></div><div><font face="monospace"><b>  }                                  </b></font><font face="monospace"><b><span> </span>/*</b></font><b style="font-family:monospace;font-size:10.5625px;line-height:15.8438px">opcional*/</b></div><div><font face="monospace"><b>  .vereador img {</b></font></div><div><font face="monospace"><b>    width: 100%;</b></font></div><div><font face="monospace"><b>  }</b></font></div></div><div><br>retire: os BR que existem dentro de cada classe vereador, ou insira as linhas abaixo:<br><div><font face="monospace">.vereador br {</font></div><div><font face="monospace">    display: none;</font></div><div><font face="monospace">}</font></div><div><span style="line-height:1.5">ou deixe também... rsrs... é de sua escolha deixá-los... (se preferir deixá-los, vc pode retirar a linha ali em cima:<font face="monospace" size="2"> "margin-bottom: 1em")</font></span><br></div></div><div><br></div><div>ps: As linhas que estão com <font face="monospace"><b><span> </span>/*</b></font><b style="font-family:monospace;font-size:10.5625px;line-height:15.8438px">opcional*/ </b> são inclusivas, se retirar uma, vc deve retirar todas...</div><div><br></div><div><br><br></div></div><div><div><br><div class="gmail_quote"><div dir="ltr">Em qua, 29 de jun de 2016 às 13:37, Fabiano de Almeida <<a href="mailto:informatica@telemacoborba.pr.leg.br" target="_blank">informatica@telemacoborba.pr.leg.br</a>> escreveu:<br></div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr">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.</div><div class="gmail_extra"></div><div class="gmail_extra"><br><div class="gmail_quote">2016-06-29 10:13 GMT-03:00 Angelo Marcondes de Oliveira Neto <span dir="ltr"><<a href="mailto:angelomarcondes@gmail.com" target="_blank">angelomarcondes@gmail.com</a>></span>:<br><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div dir="ltr">Adriano,<div><br></div><div>Para centralizar algo você deve utilizar CSS.</div><div>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. </div><div><div style="font-size:12.8px"><div style="font-size:12.8px">Mas lembre-se que CSS quer dizer<b> Cascading Style Sheets</b> ou seja Folha de estilo em CASCATA.</div><div style="font-size:12.8px">CASCATA, <span style="font-size:12.8px">CASCATA, </span><a href="https://pt.wikipedia.org/wiki/Efeito_domin%C3%B3" style="font-size:12.8px" target="_blank">Efeito CASCATA</a><span style="font-size:12.8px">.</span></div><div style="font-size:12.8px">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.</div><div style="font-size:12.8px">Para aprender mais sobre CSS e a HTML eu indico a <a href="http://www.w3schools.com/" target="_blank">http://www.w3schools.com/</a></div><div style="font-size:12.8px"><br></div><div style="font-size:12.8px">Abraços</div></div></div></div><div class="gmail_extra"><br clear="all"><div><div data-smartmail="gmail_signature"><div dir="ltr"><a href="mailto:angelomarcondes@gmail.com" target="_blank">Angelo Marcondes de Oliveira Neto.</a><br><div><a href="http://angelomarcondes.blogspot.com" target="_blank">http://angelomarcondes.blogspot.com</a> - portifólio de serviços.<br><a href="mailto:angelomarcondes@gmail.com" target="_blank">angelomarcondes@gmail.com</a><br><a href="tel:%2834%29%2091414287" value="+553491414287" target="_blank">(34) 91414287</a><br>Carneirinho - MG<div></div><div><br></div></div></div></div></div>
<br><div class="gmail_quote"><div><div>Em 22 de junho de 2016 08:25, Adriano <span dir="ltr"><<a href="mailto:camaramg2@gmail.com" target="_blank">camaramg2@gmail.com</a>></span> escreveu:<br></div></div><blockquote class="gmail_quote" style="margin:0 0 0 .8ex;border-left:1px #ccc solid;padding-left:1ex"><div><div><div dir="ltr"><div class="gmail_default" style="font-family:verdana,sans-serif">

<p class="MsoNormal">Bom dia,</p><p class="MsoNormal"><br></p><p class="MsoNormal">Queria saber como faço para colocar as fotos dos vereadores de forma que fiquem <u>centralizadas dentro do portlet</u> (5 fotos na linha de cima e 4 na linha de baixo).</p><p class="MsoNormal"><br></p><p class="MsoNormal">Portlet: <a href="http://www.careacu.mg.leg.br/" target="_blank">Parlamentares 2013/2016</a></p><p class="MsoNormal"><br></p><p class="MsoNormal">Criei este portlet da seguinte forma:<br></p><p class="MsoNormal"><br></p><p class="MsoNormal"></p><p style="margin-left:40px" class="MsoNormal"><h2 style="text-align: center; font-family:
Verdana;" data-mce-style="text-align: center; font-family:
Verdana;">Parlamentares 2013/2016</h2></p><div style="margin-left:40px">

</div><p style="margin-left:40px" class="MsoNormal"><div class="vereadores"></p><div style="margin-left:40px">

</div><p style="margin-left:40px" class="MsoNormal"><div class="vereador"><a
class="external-link"
href="institucional/parlamentares/show_window?url=<a href="http://sapl.careacu.mg.leg.br/consultas/parlamentar/parlamentar_mostrar_proc?cod_parlamentar=139%26iframe=1" target="_blank">http://sapl.careacu.mg.leg.br/consultas/parlamentar/parlamentar_mostrar_proc?cod_parlamentar=139%26iframe=1</a>"
target="_self" title=""><img
class="image-inline" src="resolveuid/90b7e4f540984126be223e88ca9ed9e8"
/><br /></a></div></p><div style="margin-left:40px">

</div><p style="margin-left:40px" class="MsoNormal"><div class="vereador"><a
class="external-link"
href="institucional/parlamentares/show_window?url=<a href="http://sapl.careacu.mg.leg.br/consultas/parlamentar/parlamentar_mostrar_proc?cod_parlamentar=1%26iframe=1" target="_blank">http://sapl.careacu.mg.leg.br/consultas/parlamentar/parlamentar_mostrar_proc?cod_parlamentar=1%26iframe=1</a>"
target="_self" title=""><img
class="image-inline"
src="resolveuid/020fb998ceca4f28bc5983014ff4a2d0" /><br
/></a></div></p><div style="margin-left:40px">

</div><p style="margin-left:40px" class="MsoNormal"><div class="vereador"><a
class="external-link"
href="institucional/parlamentares/show_window?url=<a href="http://sapl.careacu.mg.leg.br/consultas/parlamentar/parlamentar_mostrar_proc?cod_parlamentar=140%26iframe=1" target="_blank">http://sapl.careacu.mg.leg.br/consultas/parlamentar/parlamentar_mostrar_proc?cod_parlamentar=140%26iframe=1</a>"
target="_self" title=""><img
class="image-inline"
src="resolveuid/5b1d4af6416746f2be4add96bbe9e020" /><br /></a></div></p><div style="margin-left:40px">

</div><p style="margin-left:40px" class="MsoNormal"><div class="vereador"><a
class="external-link" href="institucional/parlamentares/show_window?url=<a href="http://sapl.careacu.mg.leg.br/consultas/parlamentar/parlamentar_mostrar_proc?cod_parlamentar=3%26iframe=1" target="_blank">http://sapl.careacu.mg.leg.br/consultas/parlamentar/parlamentar_mostrar_proc?cod_parlamentar=3%26iframe=1</a>"
target="_self" title=""><img
class="image-inline" src="resolveuid/a0e5c83cf4434e7397a82690efeddcaa"
/><br /></a></div></p><div style="margin-left:40px">

</div><p style="margin-left:40px" class="MsoNormal"><div class="vereador"><a
class="external-link"
href="institucional/parlamentares/show_window?url=<a href="http://sapl.careacu.mg.leg.br/consultas/parlamentar/parlamentar_mostrar_proc?cod_parlamentar=112%26iframe=1" target="_blank">http://sapl.careacu.mg.leg.br/consultas/parlamentar/parlamentar_mostrar_proc?cod_parlamentar=112%26iframe=1</a>"
target="_self" title=""><img class="image-inline"
src="resolveuid/e817c9bf1b6247599ec4d6950b92ba49" /><br
/></a></div></p><div style="margin-left:40px">

</div><p style="margin-left:40px" class="MsoNormal"><div class="vereador"><a
class="external-link"
href="institucional/parlamentares/show_window?url=<a href="http://sapl.careacu.mg.leg.br/consultas/parlamentar/parlamentar_mostrar_proc?cod_parlamentar=141%26iframe=1" target="_blank">http://sapl.careacu.mg.leg.br/consultas/parlamentar/parlamentar_mostrar_proc?cod_parlamentar=141%26iframe=1</a>"
target="_self" title=""><img
class="image-inline"
src="resolveuid/22e82b4cc94b47c68edec85961928f60" /><br
/></a></div></p><div style="margin-left:40px">

</div><p style="margin-left:40px" class="MsoNormal"><div class="vereador"><a
class="external-link"
href="institucional/parlamentares/show_window?url=<a href="http://sapl.careacu.mg.leg.br/consultas/parlamentar/parlamentar_mostrar_proc?cod_parlamentar=133%26iframe=1" target="_blank">http://sapl.careacu.mg.leg.br/consultas/parlamentar/parlamentar_mostrar_proc?cod_parlamentar=133%26iframe=1</a>"
target="_self" title=""><img
class="image-inline"
src="resolveuid/b91936832604458cb98bace45b9d4572" /><br
/></a></div></p><div style="margin-left:40px">

</div><p style="margin-left:40px" class="MsoNormal"><div class="vereador"><a class="external-link"
href="institucional/parlamentares/show_window?url=<a href="http://sapl.careacu.mg.leg.br/consultas/parlamentar/parlamentar_mostrar_proc?cod_parlamentar=138%26iframe=1" target="_blank">http://sapl.careacu.mg.leg.br/consultas/parlamentar/parlamentar_mostrar_proc?cod_parlamentar=138%26iframe=1</a>"
target="_self" title=""><img class="image-inline"
src="resolveuid/bd129583bb7a4cf7bea72957b0b23a4a" /><br
/></a></div></p><div style="margin-left:40px">

</div><p style="margin-left:40px" class="MsoNormal"><div class="vereador"><a
class="external-link"
href="institucional/parlamentares/show_window?url=<a href="http://sapl.careacu.mg.leg.br/consultas/parlamentar/parlamentar_mostrar_proc?cod_parlamentar=8%26iframe=1" target="_blank">http://sapl.careacu.mg.leg.br/consultas/parlamentar/parlamentar_mostrar_proc?cod_parlamentar=8%26iframe=1</a>"
target="_self" title=""><img
class="image-inline"
src="resolveuid/2b7059c206f941a7a229ee1e8f0b0c64" /><br
/></a></div></p>

</div><div class="gmail_default" style="font-family:verdana,sans-serif"><br>E acrescentei no arquivo css:<br></div><div class="gmail_default" style="font-family:verdana,sans-serif"><br><div style="margin-left:40px">/********** Vereadores **********/<br>.vereadores { display: table; }<br>.vereador {<br>  float: left; width: 20%;<br>  text-align: center;<br>}<br clear="all"></div></div><br><div class="gmail_default" style="font-family:verdana,sans-serif">​Obrigado.​</div><span><font color="#888888"><br><div>-- <br><div data-smartmail="gmail_signature"><div dir="ltr"><div><div dir="ltr"><div><div align="left"><span style="font-family:verdana,sans-serif">Adriano de Castro<br><a href="http://www.careacu.mg.leg.br/" target="_blank"><div class="gmail_default" style="font-family:verdana,sans-serif;display:inline">​​</div>www.careacu.mg.leg.br</a></span></div></div></div></div></div></div>
</div></font></span></div>
<br></div></div><span><font color="#888888">--<br>
Histórico do grupo:<br>
<a href="http://colab.interlegis.leg.br/search/?type=thread&order=latest&list=gitec" rel="noreferrer" target="_blank">http://colab.interlegis.leg.br/search/?type=thread&order=latest&list=gitec</a><br>
<br>
Regras de participação:<br>
<a href="http://colab.interlegis.leg.br/wiki/ComoParticiparComunidade" rel="noreferrer" target="_blank">http://colab.interlegis.leg.br/wiki/ComoParticiparComunidade</a><br>
<br>
Para administrar ou excluir sua conta visite:<br>
<a href="https://listas.interlegis.gov.br/mailman/listinfo/gitec" rel="noreferrer" target="_blank">https://listas.interlegis.gov.br/mailman/listinfo/gitec</a><br></font></span></blockquote></div><br></div>
<br>--<br>
Histórico do grupo:<br>
<a href="http://colab.interlegis.leg.br/search/?type=thread&order=latest&list=gitec" rel="noreferrer" target="_blank">http://colab.interlegis.leg.br/search/?type=thread&order=latest&list=gitec</a><br>
<br>
Regras de participação:<br>
<a href="http://colab.interlegis.leg.br/wiki/ComoParticiparComunidade" rel="noreferrer" target="_blank">http://colab.interlegis.leg.br/wiki/ComoParticiparComunidade</a><br>
<br>
Para administrar ou excluir sua conta visite:<br>
<a href="https://listas.interlegis.gov.br/mailman/listinfo/gitec" rel="noreferrer" target="_blank">https://listas.interlegis.gov.br/mailman/listinfo/gitec</a><br></blockquote></div><br><br clear="all"><div><br></div></div><div class="gmail_extra">-- <br><div data-smartmail="gmail_signature">Fabiano de Almeida<div>C.M. Telêmaco Borba - PR</div></div>
</div>
--<br>
Histórico do grupo:<br>
<a href="http://colab.interlegis.leg.br/search/?type=thread&order=latest&list=gitec" rel="noreferrer" target="_blank">http://colab.interlegis.leg.br/search/?type=thread&order=latest&list=gitec</a><br>
<br>
Regras de participação:<br>
<a href="http://colab.interlegis.leg.br/wiki/ComoParticiparComunidade" rel="noreferrer" target="_blank">http://colab.interlegis.leg.br/wiki/ComoParticiparComunidade</a><br>
<br>
Para administrar ou excluir sua conta visite:<br>
<a href="https://listas.interlegis.gov.br/mailman/listinfo/gitec" rel="noreferrer" target="_blank">https://listas.interlegis.gov.br/mailman/listinfo/gitec</a></blockquote></div><div dir="ltr">-- <br></div></div></div><div data-smartmail="gmail_signature"><div dir="ltr">att.<span><font color="#888888"><div>Leandro Roberto Silva</div><div>Câmara Municipal de Jataí</div></font></span></div></div>
<br>--<br>
Histórico do grupo:<br>
<a href="http://colab.interlegis.leg.br/search/?type=thread&order=latest&list=gitec" rel="noreferrer" target="_blank">http://colab.interlegis.leg.br/search/?type=thread&order=latest&list=gitec</a><br>
<br>
Regras de participação:<br>
<a href="http://colab.interlegis.leg.br/wiki/ComoParticiparComunidade" rel="noreferrer" target="_blank">http://colab.interlegis.leg.br/wiki/ComoParticiparComunidade</a><br>
<br>
Para administrar ou excluir sua conta visite:<br>
<a href="https://listas.interlegis.gov.br/mailman/listinfo/gitec" rel="noreferrer" target="_blank">https://listas.interlegis.gov.br/mailman/listinfo/gitec</a><br></blockquote></div><br><br clear="all"><br>-- <br><div data-smartmail="gmail_signature"><div dir="ltr"><div><div dir="ltr"><div><div align="left"><span style="font-family:verdana,sans-serif">Adriano de Castro<br><a href="http://www.careacu.mg.leg.br/" target="_blank">www.careacu.mg.leg.br</a></span></div></div></div></div></div></div>
</div>
--<br>
Histórico do grupo:<br>
<a href="http://colab.interlegis.leg.br/search/?type=thread&order=latest&list=gitec" rel="noreferrer" target="_blank">http://colab.interlegis.leg.br/search/?type=thread&order=latest&list=gitec</a><br>
<br>
Regras de participação:<br>
<a href="http://colab.interlegis.leg.br/wiki/ComoParticiparComunidade" rel="noreferrer" target="_blank">http://colab.interlegis.leg.br/wiki/ComoParticiparComunidade</a><br>
<br>
Para administrar ou excluir sua conta visite:<br>
<a href="https://listas.interlegis.gov.br/mailman/listinfo/gitec" rel="noreferrer" target="_blank">https://listas.interlegis.gov.br/mailman/listinfo/gitec</a></blockquote></div><div dir="ltr">-- <br></div><div data-smartmail="gmail_signature"><div dir="ltr">att.<div>Leandro Roberto Silva</div><div>Câmara Municipal de Jataí</div></div></div>
</div></div><br>--<br>
Histórico do grupo:<br>
<a href="http://colab.interlegis.leg.br/search/?type=thread&order=latest&list=gitec" rel="noreferrer" target="_blank">http://colab.interlegis.leg.br/search/?type=thread&order=latest&list=gitec</a><br>
<br>
Regras de participação:<br>
<a href="http://colab.interlegis.leg.br/wiki/ComoParticiparComunidade" rel="noreferrer" target="_blank">http://colab.interlegis.leg.br/wiki/ComoParticiparComunidade</a><br>
<br>
Para administrar ou excluir sua conta visite:<br>
<a href="https://listas.interlegis.gov.br/mailman/listinfo/gitec" rel="noreferrer" target="_blank">https://listas.interlegis.gov.br/mailman/listinfo/gitec</a><br></blockquote></div><br><br clear="all"><br>-- <br><div data-smartmail="gmail_signature"><div dir="ltr"><div><div dir="ltr"><div><div align="left"><span style="font-family:verdana,sans-serif">Adriano de Castro<br><a href="http://www.careacu.mg.leg.br/" target="_blank">www.careacu.mg.leg.br</a></span></div></div></div></div></div></div>
</div>
</div></div></blockquote></div><br><br clear="all"><br>-- <br><div class="gmail_signature" data-smartmail="gmail_signature"><div dir="ltr"><div><div dir="ltr"><div><div align="left"><span style="font-family:verdana,sans-serif">Adriano de Castro<br><a href="http://www.careacu.mg.leg.br/" target="_blank">www.careacu.mg.leg.br</a></span></div></div></div></div></div></div>
</div>