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

Sites Pertecentes a (o) SP

Endereço Nota Erros Avisos

www.metro.sp.gov.br/obras/monotrilho-linha-15-Prata/i
ndex.aspx

72.0 22 122
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 264 265 268 269 273 278 658
1.1.4 Presença de CSS(s) interno 2 16 70
1.1.6 Presença de javascript(s) interno 2 57 829
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
264 <![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>]]>
265 <![CDATA[<iframe style=" margin-left:0px; " src="/usercontrols/barraSP/barraSP.htm" width="100%" height="55" frameborder="0" scrolling="no"></iframe>]]>
268 <![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>]]>
269 <![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>]]>
273 <![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>]]>
278 <![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>]]>
658 <![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>]]>
70 <![CDATA[<style type="text/css"> #destaqueInferior { float: left; margin: 0 0 10px 0; } #destaqueInferior #listaPdfs { float: left; } #listaPdfs li { float: left; width: 185px; margin: 0 5px 0px 0; background-color: #EBEBEB; padding: 5px 0 5px 10px; font-size: 11px; } #listaPdfs li.marginRightZero { margin: 0px !important; } #listaPdfs li img { float: left; padding: 0px 3px 0px 10px; } #destaqueSuperior { float: left; margin: 0 0 20px 0; } #contentVideoLateral { float: left; width: 480px; min-height: 240px; margin: 0 0 20px 0px; text-align: center; } #GaleriaFotos { float: left; width: 384px; } #infoDesapro { float: left; padding-top: 30px; } /*Vídeo Linha 17-Ouro*/ #videosLinhaOuro { width: 796px; float: left; } .mediaLeft { float: left; } .mediaRight { float: right; } .assisteVideo { padding-bottom: 35px; } .assisteVideo p { padding-left: 5px; padding-bottom: 5px !important; } .assisteVideo .videoMovie { float: left; } .assisteVideo .movieFlash { float: left; } .movieFlash img { margin: 0px !important; padding: 0px !important; } .assisteVideo a { float: left } #canalRelacionamento { float: right; padding: 0px; margin-left: 20px; } .contentDownload { position: relative; width: 100%; height: 500px; text-align: center; margin-top: 10px; } .contentDownload a, .contentDownload p { color: White; } /* Box do Vídeo */ #fundo, #imgAmpliada, #fechar, #fundoVideo, #videoAmpliado, #fecharVideo { position: fixed; top: 50%; left: 50%; display: none; } #fundo, #fundoVideo { top: 0; left: 0; width: 100%; height: 100%; background: url('/obras/images/cor-box.png') repeat 0px 0px; z-index: 100; } #imgAmpliada, #videoAmpliado { z-index: 110; } #fechar, #fecharVideo { z-index: 110; } #fechar a, #fecharVideo a { color: #fff; } /* Canal de Relacionamento */ #canalRelacionamento { float: left; padding: 0px; margin-left: 00px; } #canalRelacionamento, #canalRelacionamento .hover { height: 182px !important; width: 384px !important; } #canalRelacionamento .hover .hover-content { height: 182px !important; width: 384px !important; } #canalRelacionamento a { float: left; width: 354px !important; } .legendaImagem { position: relative; margin-top: -53px; margin-bottom: 3px; height: 30px !important; display: block; width: 379px; background-color: #142039; background-color: rgba(21,36,62,0.8); padding-top: 20px; padding-left: 5px; z-index: 100; font-weight: 600; font-size: 14px; font-family: 'Roboto', sans-serif; color: #fff; } .legendaImagem span { padding-left:8px; } .legendaImagem:hover { text-decoration: none; } </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>]]>
829 <![CDATA[<script type="text/javascript"> var IE = navigator.appVersion.indexOf("MSIE") != -1; $(function () { var imagem = new Image(); var widthImg, heightImg; $(".imagensGalerias a").click(function () { imagem.src = $(this).find("img").attr("src").split("-thumb").join(""); 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" }); } $("#fechar, #imgAmpliada, #fundo").click(function () { fecharAmpliada(); }); $(document).keydown(function (event) { if (event.keyCode == 27) { fecharAmpliada(); } }); //-- Video var videoSrc; var widthVid, heightVid; var posicaoH, posicaoV; $(".assisteVideo a").click( function () { widthVid = $(this).attr("tamanhoVideoLargura"); heightVid = $(this).attr("tamanhoVideoAltura"); heightFlash = (30 + parseInt(heightVid)); videoSrc = $(this).find("img").attr("srcVideo"); youtubeSrc = $(this).find("img").attr("youtube"); fazFuncaoVideo(); } ); function fazFuncaoVideo() { posicaoH = (-1 * parseInt((widthVid / 2))); posicaoV = (-1 * parseInt((heightVid / 2))); /*$("#videoAmpliado").html("<iframe width='" + widthVid + "' height='" + heightVid + "' src='" + videoSrc + "' frameborder='0' allowfullscreen>" + "</iframe>");*/ if (youtubeSrc == "true") { $("#videoAmpliado").html("<iframe width='" + widthVid + "' height='" + heightVid + "' src='" + videoSrc + "' frameborder='0' allowfullscreen>" + "</iframe>"); } else if (youtubeSrc == "false") { if (!IE) { $("#videoAmpliado").html("<video class='videoMovie' controls preload='metadata' height='" + heightVid + "px' width='" + widthVid + "px'>" + "<source src='" + videoSrc + ".webm' />" + "<source src='" + videoSrc + ".mp4' />" + "<object class='movieFlash' height='" + heightFlash + "' width='" + widthVid + "' type='application/x-shockwave-flash' data='" + videoSrc + ".swf'>" + "<param name='movie' value='" + videoSrc + ".swf' />" + "<param name='play' value='false'/>" + "</object>" + "</video>"); } else if (IE) { $("#videoAmpliado").html("<object class='movieFlash' height='" + heightFlash + "' width='" + widthVid + "' type='application/x-shockwave-flash' data='" + videoSrc + ".swf'>" + "<param name='movie' value='" + videoSrc + ".swf' />" + "<param name='play' value='false'/>" + "</object>"); } } var alturaFundo = $(document).height() $("#videoAmpliado").css({ display: "block", marginLeft: posicaoH + "px", marginTop: posicaoV + "px" }); $("#fundoVideo").css({ display: "block", height: alturaFundo + "px" }); $("#fecharVideo").css({ display: "block", marginLeft: ((-1 * posicaoH) - 50) + "px", marginTop: (posicaoV - 20) + "px" }); } $("#fecharVideo, #fundoVideo").click( function () { fecharAmpliada(); } ); function fecharAmpliada() { $("#videoAmpliado").html(''); $("#videoAmpliado, #fecharVideo, #fundoVideo").css("display", "none"); $("#imgAmpliada").css("display", "none"); $("#fechar").css("display", "none"); $("#fundo").css("display", "none"); } }); </script>]]>
0 Não há código fonte a ser exibido.