Logo CEWEB.br Logo NIC.br Logo CGI.br
Home Sobre o projeto

Sites Pertecentes a (o) SP

Recomendações Avaliadas
1.1 Respeitar os Padrões Web.

Recomendações

Número Descrição Quantidade Linhas Código Fonte
1.1.3 Presença de CSS(s) in-line 7 112 113 116 117 121 126 525
1.1.4 Presença de CSS(s) interno 2 16 69
1.1.6 Presença de javascript(s) interno 3 57 696 713
1.1.8 Não foram respeitados os Padrões Web CSS 22 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
112 <![CDATA[<div id="faixaGoverno" style="border:1px solid black; margin: 2px auto; margin-botton:1px; justify-content: center; width:990px; height:55px !important; vertical-align:baseline;"> <iframe style=" margin-left:0px; " src="/usercontrols/barraSP/barraSP.htm" width="100%" height="55" frameborder="0" scrolling="no"></iframe> </div>]]>
113 <![CDATA[<iframe style=" margin-left:0px; " src="/usercontrols/barraSP/barraSP.htm" width="100%" height="55" frameborder="0" scrolling="no"></iframe>]]>
116 <![CDATA[<div id="topo_bgHeader" style="width:100%;float:left;background:url(&#39;/images/banners/obras.jpg&#39;) no-repeat center 0px;"> <div id="header" style="max-height:374px;"> <div id="faixaMenuTop"> <div id="menuTop"> <div id="guardaMenuTop" style="z-index:999999;"> <div id="logoMetro"> <a href="/index.aspx" title="Metrô"><img src="/images/metro-logo.gif" alt="Metrô"/></a> </div> <div id="compartilheTop2" style="z-index:999999; float:rigth !important;"> <ul> <li><a href="/en/index.aspx"><img src="/images/english.png" alt="English" title="English" /></a></li> <li><a href="http://intervox.nce.ufrj.br/dosvox/download.htm" target="_blank"><i class="fa fa-wheelchair" aria-hidden="true" alt="Acessibilidade" title="Acessibilidade"></i></a></li> <li><a href="http://www.facebook.com/metrosp" target="_blank"><i class="fa fa-facebook-official" aria-hidden="true" alt="Facebook" title="Facebook"></i></a></li> <li><a href="http://twitter.com/metrosp_oficial" target="_blank"><i class="fa fa-twitter-square" aria-hidden="true" alt="Twitter" title="Twitter"></i></a></li> <li><a href="http://youtube.com.br/MetrospOficial" target="_blank"><i class="fa fa-youtube-play" aria-hidden="true" alt="Youtube" title="Youtube"></i></a></li> <!-- <li><a href="http://www.flickr.com/photos/metrosp_oficial/" target="_blank"><img src="/images/flickr.png" alt="Flickr" title="Flickr" /></a></li>--> <li><a href="https://www.instagram.com/metrospoficial/ " target="_blank"><i class="fa fa-instagram" aria-hidden="true" alt="Instagram" title="Instagram"></i></a></li> </ul> </div> <div id="linksMenuTop"> <ul> <li><a href="/fale-conosco/index.aspx">Fale Conosco</a></li> <!-- <li><a href="http://intervox.nce.ufrj.br/dosvox/download.htm" target="_blank">Acessibilidade deficientes visuais</a></li> --> <li><a href="/fale-conosco/ouvidoria/index.aspx">Ouvidoria</a></li> <li><a href="/sic/index.aspx">SIC</a></li> <li><a href="https://transparencia.metrosp.com.br/" target="_blank">Governança e Transparência</a></li> <li><a href='/denuncia/index.aspx'>Canal de denúncia</a></li> <!-- <li><a href="/mapa-site/mapa-site.aspx">Mapa do site</a></li>--> </ul> </div> <br class="clear" /> </div> </div> </div> <div id="menuSite"> <div class="floatLeft"><img src="/images/borda-esquerda-menu.gif" alt="" /></div> <ul> <li class="home"> <a href="/index.aspx" title="Home"> <img src="/images/borda-esqueda-over-menu.gif" alt="Home" /> <span>Home</span> <img src="/images/borda-direita-over-menu.gif" alt="Home" /> </a> </li> <li class="metro"> <a href="/metro/index.aspx" title="Empresa"> <img src="/images/borda-esqueda-over-menu.gif" alt="Empresa" /> <span>Empresa</span> <img src="/images/borda-direita-over-menu.gif" alt="Empresa" /> </a> </li> <li class="sua-viagem"> <a href="/sua-viagem/index.aspx" title="Sua viagem"> <img src="/images/borda-esqueda-over-menu.gif" alt="Sua viagem" /> <span>Sua viagem</span> <img src="/images/borda-direita-over-menu.gif" alt="Sua viagem" /> </a> </li> <li class="noticias"> <a href="/noticias/index.aspx" title="Notícias"> <img src="/images/borda-esqueda-over-menu.gif" alt="Notícias" /> <span>Notícias</span> <img src="/images/borda-direita-over-menu.gif" alt="Notícias" /> </a> </li> <li class="cultura-lazer"> <a href="/cultura/index.aspx" title="Cultura"> <img src="/images/borda-esqueda-over-menu.gif" alt="Cultura" /> <span>Cultura</span> <img src="/images/borda-direita-over-menu.gif" alt="Cultura" /> </a> </li> <li class="tecnologia"> <a href="/tecnologia/index.aspx" title="Tecnologia"> <img src="/images/borda-esqueda-over-menu.gif" alt="Tecnologia" /> <span>Tecnologia</span> <img src="/images/borda-direita-over-menu.gif" alt="Tecnologia" /> </a> </li> <li class="obras"> <a href="/obras/index.aspx" title="Obras"> <img src="/images/borda-esqueda-over-menu.gif" alt="Obras" /> <span>Expansão e Obras</span> <img src="/images/borda-direita-over-menu.gif" alt="Obras" /> </a> </li> <li class="novos-negocios"> <a href="/negocios/index.aspx" title="Novos Negócios"> <img src="/images/borda-esqueda-over-menu.gif" alt="Novos Negócios" /> <span>Novos Negócios</span> <img src="/images/borda-direita-over-menu.gif" alt="Novos Negócios" /> </a> </li> <li id="ultimaLiMenuSite" class="fale-conosco"> <a href="/fale-conosco/index.aspx" title="Fale conosco"> <img src="/images/borda-esqueda-over-menu.gif" alt="Fale conosco" /> <span>Fale conosco</span> <img src="/images/borda-direita-over-menu.gif" alt="Fale conosco" /> </a> </li> </ul> <div class="floatRight"><img src="/images/borda-direita-menu.gif" alt="" /></div> </div> <br class="clear" /> </div> </div>]]>
117 <![CDATA[<div id="header" style="max-height:374px;"> <div id="faixaMenuTop"> <div id="menuTop"> <div id="guardaMenuTop" style="z-index:999999;"> <div id="logoMetro"> <a href="/index.aspx" title="Metrô"><img src="/images/metro-logo.gif" alt="Metrô"/></a> </div> <div id="compartilheTop2" style="z-index:999999; float:rigth !important;"> <ul> <li><a href="/en/index.aspx"><img src="/images/english.png" alt="English" title="English" /></a></li> <li><a href="http://intervox.nce.ufrj.br/dosvox/download.htm" target="_blank"><i class="fa fa-wheelchair" aria-hidden="true" alt="Acessibilidade" title="Acessibilidade"></i></a></li> <li><a href="http://www.facebook.com/metrosp" target="_blank"><i class="fa fa-facebook-official" aria-hidden="true" alt="Facebook" title="Facebook"></i></a></li> <li><a href="http://twitter.com/metrosp_oficial" target="_blank"><i class="fa fa-twitter-square" aria-hidden="true" alt="Twitter" title="Twitter"></i></a></li> <li><a href="http://youtube.com.br/MetrospOficial" target="_blank"><i class="fa fa-youtube-play" aria-hidden="true" alt="Youtube" title="Youtube"></i></a></li> <!-- <li><a href="http://www.flickr.com/photos/metrosp_oficial/" target="_blank"><img src="/images/flickr.png" alt="Flickr" title="Flickr" /></a></li>--> <li><a href="https://www.instagram.com/metrospoficial/ " target="_blank"><i class="fa fa-instagram" aria-hidden="true" alt="Instagram" title="Instagram"></i></a></li> </ul> </div> <div id="linksMenuTop"> <ul> <li><a href="/fale-conosco/index.aspx">Fale Conosco</a></li> <!-- <li><a href="http://intervox.nce.ufrj.br/dosvox/download.htm" target="_blank">Acessibilidade deficientes visuais</a></li> --> <li><a href="/fale-conosco/ouvidoria/index.aspx">Ouvidoria</a></li> <li><a href="/sic/index.aspx">SIC</a></li> <li><a href="https://transparencia.metrosp.com.br/" target="_blank">Governança e Transparência</a></li> <li><a href='/denuncia/index.aspx'>Canal de denúncia</a></li> <!-- <li><a href="/mapa-site/mapa-site.aspx">Mapa do site</a></li>--> </ul> </div> <br class="clear" /> </div> </div> </div> <div id="menuSite"> <div class="floatLeft"><img src="/images/borda-esquerda-menu.gif" alt="" /></div> <ul> <li class="home"> <a href="/index.aspx" title="Home"> <img src="/images/borda-esqueda-over-menu.gif" alt="Home" /> <span>Home</span> <img src="/images/borda-direita-over-menu.gif" alt="Home" /> </a> </li> <li class="metro"> <a href="/metro/index.aspx" title="Empresa"> <img src="/images/borda-esqueda-over-menu.gif" alt="Empresa" /> <span>Empresa</span> <img src="/images/borda-direita-over-menu.gif" alt="Empresa" /> </a> </li> <li class="sua-viagem"> <a href="/sua-viagem/index.aspx" title="Sua viagem"> <img src="/images/borda-esqueda-over-menu.gif" alt="Sua viagem" /> <span>Sua viagem</span> <img src="/images/borda-direita-over-menu.gif" alt="Sua viagem" /> </a> </li> <li class="noticias"> <a href="/noticias/index.aspx" title="Notícias"> <img src="/images/borda-esqueda-over-menu.gif" alt="Notícias" /> <span>Notícias</span> <img src="/images/borda-direita-over-menu.gif" alt="Notícias" /> </a> </li> <li class="cultura-lazer"> <a href="/cultura/index.aspx" title="Cultura"> <img src="/images/borda-esqueda-over-menu.gif" alt="Cultura" /> <span>Cultura</span> <img src="/images/borda-direita-over-menu.gif" alt="Cultura" /> </a> </li> <li class="tecnologia"> <a href="/tecnologia/index.aspx" title="Tecnologia"> <img src="/images/borda-esqueda-over-menu.gif" alt="Tecnologia" /> <span>Tecnologia</span> <img src="/images/borda-direita-over-menu.gif" alt="Tecnologia" /> </a> </li> <li class="obras"> <a href="/obras/index.aspx" title="Obras"> <img src="/images/borda-esqueda-over-menu.gif" alt="Obras" /> <span>Expansão e Obras</span> <img src="/images/borda-direita-over-menu.gif" alt="Obras" /> </a> </li> <li class="novos-negocios"> <a href="/negocios/index.aspx" title="Novos Negócios"> <img src="/images/borda-esqueda-over-menu.gif" alt="Novos Negócios" /> <span>Novos Negócios</span> <img src="/images/borda-direita-over-menu.gif" alt="Novos Negócios" /> </a> </li> <li id="ultimaLiMenuSite" class="fale-conosco"> <a href="/fale-conosco/index.aspx" title="Fale conosco"> <img src="/images/borda-esqueda-over-menu.gif" alt="Fale conosco" /> <span>Fale conosco</span> <img src="/images/borda-direita-over-menu.gif" alt="Fale conosco" /> </a> </li> </ul> <div class="floatRight"><img src="/images/borda-direita-menu.gif" alt="" /></div> </div> <br class="clear" /> </div>]]>
121 <![CDATA[<div id="guardaMenuTop" style="z-index:999999;"> <div id="logoMetro"> <a href="/index.aspx" title="Metrô"><img src="/images/metro-logo.gif" alt="Metrô"/></a> </div> <div id="compartilheTop2" style="z-index:999999; float:rigth !important;"> <ul> <li><a href="/en/index.aspx"><img src="/images/english.png" alt="English" title="English" /></a></li> <li><a href="http://intervox.nce.ufrj.br/dosvox/download.htm" target="_blank"><i class="fa fa-wheelchair" aria-hidden="true" alt="Acessibilidade" title="Acessibilidade"></i></a></li> <li><a href="http://www.facebook.com/metrosp" target="_blank"><i class="fa fa-facebook-official" aria-hidden="true" alt="Facebook" title="Facebook"></i></a></li> <li><a href="http://twitter.com/metrosp_oficial" target="_blank"><i class="fa fa-twitter-square" aria-hidden="true" alt="Twitter" title="Twitter"></i></a></li> <li><a href="http://youtube.com.br/MetrospOficial" target="_blank"><i class="fa fa-youtube-play" aria-hidden="true" alt="Youtube" title="Youtube"></i></a></li> <!-- <li><a href="http://www.flickr.com/photos/metrosp_oficial/" target="_blank"><img src="/images/flickr.png" alt="Flickr" title="Flickr" /></a></li>--> <li><a href="https://www.instagram.com/metrospoficial/ " target="_blank"><i class="fa fa-instagram" aria-hidden="true" alt="Instagram" title="Instagram"></i></a></li> </ul> </div> <div id="linksMenuTop"> <ul> <li><a href="/fale-conosco/index.aspx">Fale Conosco</a></li> <!-- <li><a href="http://intervox.nce.ufrj.br/dosvox/download.htm" target="_blank">Acessibilidade deficientes visuais</a></li> --> <li><a href="/fale-conosco/ouvidoria/index.aspx">Ouvidoria</a></li> <li><a href="/sic/index.aspx">SIC</a></li> <li><a href="https://transparencia.metrosp.com.br/" target="_blank">Governança e Transparência</a></li> <li><a href='/denuncia/index.aspx'>Canal de denúncia</a></li> <!-- <li><a href="/mapa-site/mapa-site.aspx">Mapa do site</a></li>--> </ul> </div> <br class="clear" /> </div>]]>
126 <![CDATA[<div id="compartilheTop2" style="z-index:999999; float:rigth !important;"> <ul> <li><a href="/en/index.aspx"><img src="/images/english.png" alt="English" title="English" /></a></li> <li><a href="http://intervox.nce.ufrj.br/dosvox/download.htm" target="_blank"><i class="fa fa-wheelchair" aria-hidden="true" alt="Acessibilidade" title="Acessibilidade"></i></a></li> <li><a href="http://www.facebook.com/metrosp" target="_blank"><i class="fa fa-facebook-official" aria-hidden="true" alt="Facebook" title="Facebook"></i></a></li> <li><a href="http://twitter.com/metrosp_oficial" target="_blank"><i class="fa fa-twitter-square" aria-hidden="true" alt="Twitter" title="Twitter"></i></a></li> <li><a href="http://youtube.com.br/MetrospOficial" target="_blank"><i class="fa fa-youtube-play" aria-hidden="true" alt="Youtube" title="Youtube"></i></a></li> <!-- <li><a href="http://www.flickr.com/photos/metrosp_oficial/" target="_blank"><img src="/images/flickr.png" alt="Flickr" title="Flickr" /></a></li>--> <li><a href="https://www.instagram.com/metrospoficial/ " target="_blank"><i class="fa fa-instagram" aria-hidden="true" alt="Instagram" title="Instagram"></i></a></li> </ul> </div>]]>
525 <![CDATA[<img style="margin-top: 0px;" src="/images/logo-horizontal.png" alt="GOVERNO DO ESTADO DE SÃO PAULO" />]]>
16 <![CDATA[<style> #compartilheTop2{ color:#e3e3e3; font-size:22px; } #compartilheTop2 li{ color:#e3e3e3; } #compartilheTop2 i{ color:#e3e3e3; } #compartilheTop2 li i{ color:#e3e3e3; } </style>]]>
69 <![CDATA[<style type="text/css"> #conteudoPagina{position:relative;} #thumbs{width:796px;margin:15px 0 15px 0;float:left;} /*GALERIA PDF*/ .galeriaPDF{float:left;border-bottom:1px solid #D5D5D5;padding-bottom:5px;width:756px;margin-bottom:15px;} .galeriaPDF .descricaoGaleriaPDF{float:left;width:150px;float:left; padding-top:45px;} .galeriaPDF .descricaoGaleriaPDF .textAno{color:#000;font-size:20px;font-weight:bold;} .imagensGaleriasPDF{float:left;width:480px;height:75px;overflow:hidden;} .imagensGaleriasPDF ul, .imagensGaleriasPDF ul li, .imagensGaleriasPDF ul li img{float:left; cursor:pointer;} .imagensGaleriasPDF ul li{margin:0 0 20px 20px;cursor:pointer; width:60px;} .imagensGaleriasPDF ul li span{float:left; font-size:10px; display:block; color:#8f8f8f;} .btnVerTodasPDF{width:96px;float:right; background:url('/cultura-lazer/galeria-virtual/exposicoes/images/bullet-seta-cima.gif') no-repeat right 0;font-weight:bold;margin-top:45px;cursor:pointer;} /*GALERIA FOTOS*/ .galeria{float:left;border-bottom:1px solid #D5D5D5;padding-bottom:5px;width:756px;margin-bottom:15px;} .galeria .descricaoGaleria{float:left;width:150px;float:left; padding-top:45px;} .galeria .descricaoGaleria .textAno{color:#000;font-size:20px;font-weight:bold;} .imagensGalerias{float:left;width:480px;height:75px;overflow:hidden;position:relative;} .imagensGalerias ul, .imagensGalerias ul li, .imagensGalerias ul li img {float:left;} .imagensGalerias ul li img{float:left; cursor:pointer;} .imagensGalerias ul li{margin:0 0 20px 20px;cursor:pointer;width:60px;} .imagensGalerias ul li span{float:left; font-size:10px; display:block; color:#8f8f8f;} .btnVerTodas{width:96px;float:right; background:url('/cultura-lazer/galeria-virtual/exposicoes/images/bullet-seta-cima.gif') no-repeat right 0;font-weight:bold;margin-top:45px;cursor:pointer;} #fundo, #imgAmpliada, #fechar{position:fixed;top:50%;left:50%;display:none;} #fundo{top:0;left:0;width:100%;height:100%;background:url('/images/cor-box.png') repeat 0px 0px;z-index:100;} #imgAmpliada{z-index:110;} #fechar{z-index:110;} #fechar a{color:#fff;} #guardaFotos2013 { float:left; padding-bottom:30px;} #guardaFotos2012 { float:left; padding-bottom:30px;} #guardaFoto2011 { float:left; } </style>]]>
57 <![CDATA[<script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-145274-3']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script>]]>
696 <![CDATA[<script type="text/javascript"> $(function () { $('.btnVerTodasPDF').live('click', function () { if ($(this).css("background-image").indexOf('cima') > -1) { $(this).parent().find('.imagensGaleriasPDF').animate({ height: 200 + 'px' }, 800); $(this).css("background-image", "url(/cultura-lazer/galeria-virtual/images/bullet-seta-baixo.gif)"); } else { $(this).parent().find('.imagensGaleriasPDF').animate({ height: 75 + 'px' }, 800); $(this).css("background-image", "url(/cultura-lazer/galeria-virtual/images/bullet-seta-cima.gif)"); } } ); }); </script>]]>
713 <![CDATA[<script type="text/javascript"> $(function () { var tamanhoHeight, qtdeLis = 0; $('.btnVerTodas').live('click', function () { qtdeLis = $(this).siblings('div.imagensGalerias').find('ul li').length; if (qtdeLis <= 12) { tamanhoHeight = 145; } else { tamanhoHeight = 460; } if ($(this).css("background-image").indexOf('cima') > -1) { $(this).siblings('div.imagensGalerias').animate({ height: tamanhoHeight + 'px' }, 800); $(this).css("background-image", "url(/cultura-lazer/galeria-virtual/images/bullet-seta-baixo.gif)"); } else { $(this).siblings('div.imagensGalerias').animate({ height: 75 + 'px' }, 800); $(this).css("background-image", "url(/cultura-lazer/galeria-virtual/images/bullet-seta-cima.gif)"); } } ); var imagem = new Image(); var widthImg, heightImg; $(".imagensGalerias ul li").click(function () { imagem.src = $(this).find("img").attr("src").split("/mini-foto/").join("/maior-foto/"); if (imagem.complete) { fazFuncao(); } else { imagem.onload = function () { fazFuncao(); } } }); function fazFuncao() { widthImg = (-1 * parseInt((imagem.width / 2))); heightImg = (-1 * parseInt((imagem.height / 2))); $("#imgAmpliada").html("<img src='" + imagem.src + "' alt='' />") $("#imgAmpliada").css({ display: "block", marginLeft: widthImg + "px", marginTop: heightImg + "px" }); $("#fundo").css("display", "block"); $("#fechar").css({ display: "block", marginLeft: ((-1 * widthImg) - 45) + "px", marginTop: (heightImg - 20) + "px" }); } $(document).keydown(function (event) { if (event.keyCode == 27) { fechaAmpliada(); } }); $("#fechar, #imgAmpliada, #fundo").click(function () { fechaAmpliada(); }); function fechaAmpliada() { $("#imgAmpliada").css("display", "none"); $("#fechar").css("display", "none"); $("#fundo").css("display", "none"); } }); </script>]]>
0 Não há código fonte a ser exibido.