October 6, 201213 yr The problem is that the resolution above 1600 xN examente the site is the same post!, However is just right down the line how do i fix this? ''<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>BiG Cursos - (17)3462-1775</title> <link href="css/principal.css" rel="stylesheet" type="text/css" /> <!--[if IE]> <link rel="stylesheet" type="text/css" href="css/ie.css" /> <![endif]--> <!-- favicon --> <link href="images/favicon.ico" mce_HREF="images/favicon.ico" REL="icon"> <link href="images/favicon.ico" mce_HREF="images/favicon.ico" REL="shortcut icon"> <!-- fim favicon --> </head> <body> <div id="estrutura"><!-- Inicio Estrutura total da pagina 1024--> <div class="top"><!--inicio top azul --> <div id="cabecalho"><!-- Cabeçalho Transparente centralizado --> <div id="rotacao"><!-- Inicios das letras rotativas da direita e da esquerda--> <ul id="rot1"><!--Letreiro Rotativo da esquerda--> <li class="textrot1 textop">FÁBRICA DE SUCESSO</li> <li class="textrot1 textop">0800 77 77 244</li> <li class="textrot1 textop">FÁBRICA DE SUCESSO</li> <li class="textrot1 textop">0800 77 77 244</li> <li class="textrot1 textop">FÁBRICA DE SUCESSO</li> </ul><!--Fim do letreiro Rotativo da esquerda--> <ul id="rot2"><!--Letreiro Rotativo da direita--> <li class="textrot2 textop">0800 77 77 244</li> <li class="textrot2 textop">FÁBRICA DE SUCESSO</li> <li class="textrot2 textop">0800 77 77 244</li> <li class="textrot2 textop">FÁBRICA DE SUCESSO</li> <li class="textrot2 textop">0800 77 77 244</li> </ul><!--Fim do letreiro Rotativo da direita--> </div><!-- Fim das letras rotativas da direita e da esquerda--> </div><!-- Fim do Cabeçalho Transparente centralizado --> </div><!--Fim top azul --> <div class="tracoazul"><!--traço azul de 7px apenas um enfeite--></div> <div id="logo"><a href="http://www.bigcursos.com.br"><img src="images/logo.png"/></a></div><!--logo da escola linkado --> <div id="menu"><!--inicio menu--> <ul class="menuesquedo"><!--inicio da lista do menu--> <a href="index.html"><li class="active">HOME</li></a><!--itens do menu--> <a href="index.html"><li class="padraom">EMPRESA</li></a><!--itens do menu--> </ul><!--fim da lista do menu--> <ul class="menudireito"><!--inicio da lista do menu--> <a href="index.html"><li class="padraom">CONTATOS</li></a><!--itens do menu--> <a href="index.html"><li class="padraom">BiG Club</li></a><!--itens do menu--> </ul><!--fim da lista do menu--> </div><!--inicio menu--> <div id="barralg"><!--Barra central de login busca e redes sociais--> <div id="estruturalogb"><!--Estrutura feita para centralizar ambos forms--> <div id="buslog"><!--Estrutura feita para centralizar ambos forms--> <form name="input" class="buscar" action="" method=""><!--formularios de login e Busca--> Buscar: <input type="text" class="form" name="buscar"/> <input type="submit" class="btn_lupa" value="" /> </form> <form name="input" class="login" action="" method=""> Usuario: <input type="text" class="form" name="user" /> Senha: <input type="password" class="form" name="senha" /> <input type="submit" class="btn_ok" value=""/> </form><!--Fim formularios de login e Busca--> </div><!-- Fim Estrutura feita para centralizar ambos forms--> <div id="redes"><!--inicio das redes sociais--> <a href=""><img src="images/logo_you.png" class="redessocial" /></a> <img src="images/face_logo.png" class="redessocial" /> <img src="images/Twitter_logo.png" class="redessocial" /> <img src="images/orkut_logo.png" class="redessocial" /> <img src="images/rss_logo.png" class="redessocial" /> <div id="alinhacurti"><iframe src="https://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com.br%2FBigCursos&layout=button_count&show_faces=false&width=150&action=like&font=lucida+grande&colorscheme=light&locale=pt_BR" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:85px; height:25px;" allowTransparency="true"></iframe></div> </div><!--fim das redes sociais--> </div><!--FIm Barra central de login busca e redes sociais--> <div id="content"><!--Inicio do conteudo--> <div id="cursosbig"><!--Inico todos os cursos--> <img src="images/cursosnews.png" class="logo_cursos" /> <ul> <li class="lista_cursos"><a href="#">Asterisk</a></li> <li class="lista_cursos"><a href="#">Cad 2D 3D</a></li> <li class="lista_cursos"><a href="#">Delphi</a></li> <li class="lista_cursos"><a href="#">Gestão Administrativa</a></li> <li class="lista_cursos"><a href="#">Gestão Comercial</a></li> <li class="lista_cursos"><a href="#">Gestão Pessoal</a></li> <li class="lista_cursos"><a href="#">Hardware e Redes</a></li> <li class="lista_cursos"><a href="#">Info.Básica</a></li> <li class="lista_cursos"><a href="#">Info.Avançada</a></li> <li class="lista_cursos"><a href="#">JAVA</a></li> <li class="lista_cursos"><a href="#">JAVA Desktop</a></li> <li class="lista_cursos"><a href="#">JAVA ME</a></li> <li class="lista_cursos"><a href="#">Java WEB</a></li> <li class="lista_cursos"><a href="#">Linux</a></li> <li class="lista_cursos"><a href="#">Maquete Eletr.</a></li> <li class="lista_cursos"><a href="#">Man. em Impressoras</a></li> <li class="lista_cursos"><a href="#">Man. NoteBoooks</a></li> <li class="lista_cursos"><a href="#">Mikrotik</a></li> <li class="lista_cursos"><a href="#">Marketing</a></li> <li class="lista_cursos"><a href="#">PHP e MySql</a></li> <li class="lista_cursos"><a href="#">Planta Humanizada</a></li> <li class="lista_cursos"><a href="#">Profissional Total</a></li> <li class="lista_cursos"><a href="#">Profissionalizantes</a></li> <li class="lista_cursos"><a href="#">Promob</a></li> <li class="lista_cursos"><a href="#">Recursos Humanos</a></li> <li class="lista_cursos"><a href="#">Roteador Cisco</a></li> <li class="lista_cursos"><a href="#">Seg A. Hackers</a></li> <li class="lista_cursos"><a href="#">SketchUp</a></li> <li class="lista_cursos"><a href="#">Topografia</a></li> <li class="lista_cursos"><a href="#">Vendas</a></li> <li class="lista_cursos"><a href="#">Web Designer</a></li> <li class="lista_cursos"><a href="#">Wilcon</a></li> </ul> </div><!--Fim todos os cursos--> <div id="slidshow"><!-- inicio do Slide show--> <div id="jslidernews1" class="lof-slidecontent" style="width:550px; height:318px;"> <div class="preload"><div></div></div> <div class="button-previous">Previous</div> <div class="button-next">Next</div> <!-- MAIN CONTENT --> <div class="main-slider-content" style="width: 550px; height: 318px;"> <ul class="sliders-wrap-inner"> <li> <img src="images/slider/maquete.jpg" style="width: 550px; height: 318px;" title="Noticias" > <div class="slider-description"> <div class="slider-meta"><a target="_parent" title="Noticias" href="#Category-1">Maquete Eletronica</a> <i> - Setembro 28, 2012 12:42</i></div> <h4>Tecnologias</h4> <p>Nova Tecnologias para Aprimirar Maquete Eletrônica No Dia-a-dia. <a class="readmore" href="#">Leia + </a> </p> </div> </li> <li> <img src="images/slider/oculos.jpg" style="width: 550px; height: 318px;" title="Noticias" > <div class="slider-description"> <div class="slider-meta"><a target="_parent" title="Noticias" href="#Category-2">Óculos do Futuro</a> <i> - Setembro 28, 2012 12:42</i></div> <h4>Project Glasses</h4> <p>Google anuncia que 'óculos do futuro' serão vendidos por US$ 1,5 mil... <a class="readmore" href="#">Leia + </a> </p> </div> </li> <li> <img src="images/slider/relogio.jpg" style="width: 550px; height: 318px;" title="Noticias" > <div class="slider-description"> <div class="slider-meta"><a target="_parent" title="Noticias" href="#Category-3">Novidades :</a> <i> - Setembro 28, 2012 12:42</i></div> <h4>Um Mundo Infinito.</h4> <p>O difícil é acompanhar esse crescente mercado e ficar por dentro... <a class="readmore" href="#">Leia + </a> </p> </div> </li> <li> <img src="images/slider/silicio.jpg" style="width: 550px; height: 318px;" title="Noticias" > <div class="slider-description"> <div class="slider-meta"><a target="_parent" title="Noticias" href="#Category-4">Vale do Silício</a> <i> - Setembro 28, 2012 12:42</i></div> <h4>Stephanie Kohn</h4> <p>Não é preciso fazer Harvard para chegar ao Vale do Silício... <a class="readmore" href="#">Leia + </a> </p> </div> </li> </li> </ul> </div> <!-- END MAIN CONTENT --> <!-- NAVIGATOR --> <div class="navigator-content"> <div class="button-control"><span></span></div> <div class="navigator-wrapper"> <ul class="navigator-wrap-inner"> <li><span>1</span></li> <li><span>2</span></li> <li><span>3</span></li> <li><span>4</span></li> </ul> </div> </div> <!----------------- END OF NAVIGATOR ---------------------> </div> </div> </div><!-- Fim do Slid show--> <div id="ligacao"><!--ligação--> <div id="ligtitulo">LIGAÇÂO GRATUITA</div> <p>Digite o número do seu telefone (fixo ou celular):</p><br /> <input type="text" name="nome" class="forms" placeholder="NOME"/> <p><input type="text" name="ddd" class="forms" style="width:45px; margin:0; margin-left:12px; float:left; margin-right:2px;" maxlength="2" placeholder="DDD:"/> <input type="text" name="telefone" class="forms" style="width:171px; float:left; margin:0px; " placeholder="TELEFONE:"/></p> <input type="button" name="ligar" class="forms button" value="LIGAR"/> <p>Preencha os campos para falar com NOSSA EQUIPE - A ligação é gratuita</p> </div><!--fim ligação--> <!--inicio banner big emprego--> <div id="bigemprego"> <a href="http://www.bigemprego.com.br" target="_blank"><div id='example3' class='container'> <img src="images/slides/bigemprego.png" alt='Promo... Big Emprego' /> <img src='images/slides/turtle1.jpg' alt='Big Emprego Vagas1!!!'/> <img src='images/slides/turtle2.jpg' alt='Big Emprego Vagas2!!!'/> <img src='images/slides/turtle3.jpg' alt='Big Emprego Vagas3!!!'/> <img src='images/slides/turtle4.jpg' alt='Big Emprego Vagas4!!!'/> </div></a> </div> <!--fim go banner big emprego--> <div id="noticias"><!--Partes de Noticias--> <a href="#"><div class="artigos"> <img src="images/noticias.png" /> <h1 class="h1n">TOPOGRAFIA</h1> <p>Criação de Web Site, comalta qualidade, seguindo os padrões do cliente. Aplicaçõese Sistemas gerenciáveis na web.</p> <input type="button" class="i2Style" Value="Leia +"/> </div></a> <a href="#"><div class="artigos"> <img src="images/noticias.png" /> <h1 class="h1n">TOPOGRAFIA</h1> <p>Criação de Web Site, comalta qualidade, seguindo os padrões do cliente. Aplicaçõese Sistemas gerenciáveis na web.</p> <input type="button" class="i2Style" Value="Leia +"/> </div></a> <a href="#"><div class="artigos"> <img src="images/noticias.png" /> <h1 class="h1n">TOPOGRAFIA</h1> <p>Criação de Web Site, comalta qualidade, seguindo os padrões do cliente. Aplicaçõese Sistemas gerenciáveis na web.</p> <input type="button" class="i2Style" Value="Leia +"/> </div></a> <a href="#"><div class="artigos"> <img src="images/noticias.png" /> <h1 class="h1n">TOPOGRAFIA</h1> <p>Criação de Web Site, comalta qualidade, seguindo os padrões do cliente. Aplicaçõese Sistemas gerenciáveis na web.</p> <input type="button" class="i2Style" Value="Leia +"/> </div></a> <a href="#"><div class="artigos"> <img src="images/noticias.png" /> <h1 class="h1n">TOPOGRAFIA</h1> <p>Criação de Web Site, comalta qualidade, seguindo os padrões do cliente. Aplicaçõese Sistemas gerenciáveis na web.</p> <input type="button" class="i2Style" Value="Leia +"/> </div></a> <a href="#"><div class="artigos"> <img src="images/noticias.png" /> <h1 class="h1n">TOPOGRAFIA</h1> <p>Criação de Web Site, comalta qualidade, seguindo os padrões do cliente. Aplicaçõese Sistemas gerenciáveis na web.</p> <input type="button" class="i2Style" Value="Leia +"/> </div></a> <p class="paginacao">Paginas: <a href="#" class="paginacao">1</a> - <a href="#" class="paginacao">2</a> - <a href="#" class="paginacao">3</a> - <a href="#" class="paginacao">4</a> ... <a href="#" class="paginacao"> 1036</a></p> </div><!--fim noticias--> <div class="tv_you"><!--You Tube--> <iframe width="250px" height="100%" src="http://www.youtube.com/embed/OUwguyDLSdQ" frameborder="0" allowfullscreen></iframe> </div><!--Fim You Tube--> <div id="quadrados"> <a href="#"><div class="quadros">BiG<br/>Projetos</div></a> <a href="#"><div class="quadros">Unidades<br/>BiG Cursos</div></a> <a href="#"><div class="textofran">PROJETOS</div></a><a href="#"><div class="textofran">Unidades</div></a> <a href="#"><div id="sejafran">SEJA um FRANQUEADO <br/>BiG Cursos</div></a> <a href="#"><div id="franquia">FRANQUIA</div></a> <div id="bazul"></div> </div> <!-- inicio slidshow fim da pagina--> <div id="slideshow1"> <a href="#" class="active"><img src="images/slider/bigemprego.png"/></a> <a href="#"><img src="images/slider/bigemprego2.png"/></a> <a href="#"><img src="images/slider/bigemprego3.png"/></a> </div><!-- fim slidshow fim da pagina--> </div><!--Fim do conteudo--> </div><!-- Fim Estrutura total da pagina 1024--> <div id="fundoroda"> <div id="roda"> <img src="images/logo.png" style="width:80px; height:45px;" alt="Big Cursos"/> <h2> @ 2011-2012. Todos os direitos reservados</h2> <h2 class="politic">Politica de privacidade BiG Cursos</h2> </div> </div> </body> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> <script type="text/javascript" src="js/ticker00.js"></script> <script type="text/javascript" src="js/slidershow1.js"></script> <script type="text/javascript" src="js/slidershow2.js"></script> <script type="text/javascript"> $(document).ready(function(){ $('#rot1').list_ticker({ speed:3000, effect:'fade' }); }) $(document).ready(function(){ $('#rot2').list_ticker({ speed:4000, effect:'fade' }); }) </script> <script src="http://oloblogger.googlecode.com/files/tripleflap.js" type="text/javascript"></script> <script type="text/javascript"> var birdSprite='http://oloblogger.googlecode.com/files/birdsprite.png'; var targetElems=new Array('img','hr','table','td','div','input','textarea','button','select','ul','ol','li','h1','h2','h3','h4','p','code','object','a','b','strong','span'); var twitterAccount = 'http://seutwitter.com/'; var twitterThisText =''; tripleflapInit(); </script> <script language="javascript" type="text/javascript" src="js/jquery.easing.js"></script> <script language="javascript" type="text/javascript" src="js/script.js"></script> <script type="text/javascript"> $(document).ready( function(){ // buttons for next and previous item var buttons = { previous:$('#jslidernews1 .button-previous') , next:$('#jslidernews1 .button-next') }; $obj = $('#jslidernews1').lofJSidernews( { interval : 4000, easing : 'easeInOutQuad', duration : 1200, auto : true, maxItemDisplay : 4, startItem:0, navPosition : 'horizontal', // horizontal navigatorHeight : null, navigatorWidth : null, maxWidth:550, maxHeight:318, buttons:buttons} ); }); </script> <script src="js/jquery.monte-min.js"></script> <script> $(function () { // Format and append the HTML: $('#example3 > img').each(function(){ $(this) .wrap('<div style="position:relative"/>') .parent() .append('<div><p>' + $(this).attr('alt') + '</p></div>') .append('<img src="images/slides/frame.png" alt="" class="frame"/>'); }); // Hide the text on all but the center slide: $('#example3 div div').css({opacity: 0}).eq(0).css({opacity: 0.8}); // Using the callbacks to reveal and hide the text: $.monte('#example3', { auto:true, callbackIn: function () { $(this[0]).find('div').animate({opacity: 0.8}, 450); }, callbackAway: function () { $(this[0]).find('div').animate({opacity: 0}, 450); } }); }); </script> </html> @charset "utf-8"; body { background-image: url(../images/bg.png); margin: 0px; padding: 0px; } @font-face { font-family: "Swiss911 XCm BT"; src: url(fonts/swz911xc.ttf); } @font-face{ font-family: "Swis721 BlkCn BT"; src: url(fonts/swz721kc.ttf); } /*começa a estrutura do site*/ #estrutura{ margin:0; } /*topo azul degrade*/ .top { height: 60px; background: #2a58a4; /* Old browsers */ background: -moz-linear-gradient(left, #2a58a4 0%, #8fd6f6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2a58a4), color-stop(100%,#8fd6f6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #2a58a4 0%,#8fd6f6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #2a58a4 0%,#8fd6f6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #2a58a4 0%,#8fd6f6 100%); /* IE10+ */ background: linear-gradient(to right, #2a58a4 0%,#8fd6f6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a58a4', endColorstr='#8fd6f6',GradientType=1 ); /* IE6-9 */ } /*cabeçalho rotativo */ #cabecalho{ width:1000px; margin: 0 auto; } #rot1 { margin:0; width:48%; } #rot2 { margin:0; width:48%; float:right; } .textop { margin:0; font-family: "Swiss911 XCm BT"; font-size: 40px; color: #FFF; list-style:none; } .textrot1 { padding-top:10px; float:left; } .textrot2 { padding-top:10px; float:right; padding-right:42px; } /*termino cabeçalho rotativo*/ .tv_you{ width: 250px; height: 184px; float: left; margin-top: 15px; margin-left: 19px; background-repeat: no-repeat; } /*inicio risco azul meio e logo*/ .tracoazul { height:7px; margin-top:90px; background: #2a58a4; /* Old browsers */ background: -moz-linear-gradient(left, #2a58a4 0%, #8fd6f6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2a58a4), color-stop(100%,#8fd6f6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #2a58a4 0%,#8fd6f6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #2a58a4 0%,#8fd6f6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #2a58a4 0%,#8fd6f6 100%); /* IE10+ */ background: linear-gradient(to right, #2a58a4 0%,#8fd6f6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a58a4', endColorstr='#8fd6f6',GradientType=1 ); /* IE6-9 */ } #logo { height: 188px; width: 324px; position:relative; margin-top:0px; margin-right: auto; margin-bottom: 0; margin-left: auto; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; margin-top: -148px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } /*fim do logo*/ /*menu*/ ul{ margin:0; } #menu { margin: 0 auto; width: 1000px; } .menuesquedo { float: left; width:35%; margin-top:-33px; margin-left:56px; } .menudireito { float: left; width:30%; margin-top:-33px; margin-left: 664px; } #menu .active{ list-style:none; background:url(../images/bg-menu1.png); width:84px; height:21px; float: left; font-family: "Swis721 BlkCn BT"; font-size: 14px; color: #FFF; text-align: center; padding-top:6px; } .padraom{ list-style:none; background:url(../images/bg-menu.png); width:84px; height:21px; float: left; font-family: "Swis721 BlkCn BT"; font-size: 14px; color: #FFF; text-align: center; padding-top:6px; margin-left:15px; } .padraom:hover{ background:url(../images/bg-menu1.png); } a{ font-family: "Swis721 BlkCn BT", verdana, arial; font-size: 14px; color: #FFF; text-decoration:none; } /*fim do menu*/ /*barra de login*/ #barralg { height: 25px; width: 100%; background-color: #2957A4; } #estruturalogb { margin: 0 auto; height: 25px; width: 1000px; } .form { height: 16px; width: 134px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } .btn_lupa { background-image: url(../images/lupa.png); height: 18px; width: 19px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; margin-left: -7px; background-color: #2957A4; } .btn_ok { background-image: url(../images/btn_ok.png); height: 18px; width: 19px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; margin-left: -7px; background-color: #2957A4; } .buscar{ font-family: "Swis721 BlkCn BT"; color:#FFFFFF; padding-top: 3px; width: 32%; } .login{ font-family: "Swis721 BlkCn BT"; color:#FFFFFF; padding-top: 3px; float:left; width:68%; margin-top:-22px; margin-left:220px; } #cursosbig .lista_cursos { list-style-image: url(../images/yes.png); } #buslog { height: 25px; width: 674px; float: left; } /*Final Forms central*/ /* Inicio redes sociais*/ #redes { float: left; height: 25px; width: 316px; background-color: #FFF; padding-left: 10px; } .redessocial { width: 25px; margin-left: 10px; } #alinhacurti{ margin-top: 3px; width: 70px; height: 25px; float: right; margin-right: 30px; } /*Fim Rede Social*/ /*inicio Conteudo*/ #content { width: 1000px; margin: 0 auto; padding-top: 10px; } /* Laterial Cursos */ #cursosbig { width:162px; background:#FFF; -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; margin-right: 10px; float:left; margin-bottom: 20px; padding-bottom: 26px; } .logo_cursos { margin-bottom:2px; width: 162px; height: 35px; } .lista_cursos{ margin-bottom: 2px; width: 132px; height: 25px; } .lista_cursos a { color: #0098DA; text-decoration:none; font-family: "Swiss911 XCm BT"; font-size:18px; } #cursosbig ul { margin-left: -10px; } .lista_cursos a:hover { text-decoration:none; font-family: "Swiss911 XCm BT"; font-size:20px; color: #3E4095; } /* fim lateral cursos */ /*inicio slider show*/ #slidshow { height: 318px; width: 550px; float: left; margin-left: 10px; } /* CSS Document */ /* slider layout */ .lof-slidecontent { position:relative; overflow:hidden; border:#F4F4F4 solid 1px;} .lof-slidecontent .preload{ height:100%; width:100%; position:absolute; top:0; left:0; z-index:100000; text-align:center; background:#FFF} .lof-slidecontent .preload div{ height:100%; width:100%; background:transparent url(../images/slider/load-indicator.gif) no-repeat scroll 50% 50%;} .lof-slidecontent .sliders-wrapper{ position:relative; height:100%; width:100%; z-index:3px; overflow:hidden; } .lof-slidecontent ul.sliders-wrap-inner{overflow:hidden; background:transparent url(../images/slider/load-indicator.gif) no-repeat scroll 50% 50%; padding:0px; margin:0; position:absolute; overflow:hidden;} .lof-slidecontent ul.sliders-wrap-inner li{overflow:hidden; padding:0px;margin:0px; float:left; position:relative;} .lof-slidecontent .lof-opacity li{position:absolute; top:0; left:0; float:inherit; } .lof-slidecontent .navigator-content { position:absolute; background: none repeat scroll 0 0 #2957A4; border-radius: 5px 5px 5px 5px; bottom: 10px; padding: 5px 15px; position: absolute; right: 10px; } .lof-slidecontent .navigator-wrapper{ position:relative; z-index:10; height:180px; width:310px; overflow:hidden; color:#FFF; float:left } .lof-slidecontent ul.navigator-wrap-inner{ top:0; padding:0; margin:0; position:absolute; width:100%; } .lof-slidecontent ul.navigator-wrap-inner li{ cursor:hand; cursor:pointer; list-style:none; padding:0; margin-left:0px; overflow:hidden; float:left; display:block; text-align:center;} /*******************************************************/ ul.sliders-wrap-inner li img{ padding:0px; } .lof-slidecontent .slider-description a.readmore{color:#FF0; font-size:95%; } .lof-slidecontent .slider-description a{ color:#FFF; } .lof-slidecontent .slider-description{ z-index:100px; position:absolute; bottom:50px; left:0px; width:318px; background:url(../images/slider/bg_trans.png); height:100px; padding:10px; color:#FFF; } .lof-slidecontent .slider-description h4 { font-size: 14px; margin: 10px 0; padding: 0; } .lof-slidecontent .slider-description .slider-meta a{ margin:0; background:#2957A4; font-size:75%; padding:2px 3px; font-family:"Trebuchet MS",Trebuchet,Arial,Verdana,sans-serif; text-transform:uppercase; text-decoration:none } .lof-slidecontent .item-meta a:hover{ text-decoration:underline;} .lof-slidecontent .item-meta i { font-size:70%; } /* item navigator */ .navigator-wrapper{ color: #FFFFFF; float: left; height: 180px; overflow: hidden; position: relative; width: 210px; z-index: 100; } .navigator-wrap-inner{ top:0; padding:0; margin:0; position:absolute; width:100%; } .lof-slidecontent ul.navigator-wrap-inner li { cursor:hand; cursor:pointer; list-style:none; padding:0; margin-left:0px; overflow:hidden; float:left; display:block; text-align:center; } .lof-slidecontent ul.navigator-wrap-inner li span{ display:block; padding:10px; position:relative; line-height:0.5em } .lof-slidecontent ul.navigator-wrap-inner li.active , .lof-slidecontent ul.navigator-wrap-inner li:hover { background:#91D8F7; color:#FFF; display:block; -moz-transition:background-color 0.8s } .lof-slidecontent .button-next, .lof-slidecontent .button-previous{ display:block; width:20px; color:#FFF; cursor:pointer; position:absolute; height:100%; z-index:40; top:0; text-indent:-999px; } .lof-slidecontent .button-next { right:0px; background:url(../images/slider/next.png) no-repeat right center; } .lof-slidecontent .button-previous { left:0px; background:url(../images/slider/previous.png) no-repeat left center; } .lof-slidecontent .button-control { float: left; height: 27px; width: 30px; cursor:hand; cursor:pointer; margin-right:5px; } .lof-slidecontent .action-start { background:url(../images/slider/play.png) no-repeat center center #91D8F7; } .lof-slidecontent .action-stop { background:url(../images/slider/pause.png) no-repeat center center #91D8F7; } /* final slider */ /* inicio ligue pra nos*/ #ligacao { background-color: white; float: left; height: 170px; width: 248px; margin-left: 19px; border:2px solid #3E4095; ; -webkit-border-radius:6px; } #ligtitulo { font-family: "Swis721 BlkCn BT", verdana, arial; font-size: 16px; color: #ED3237; border:2px solid #3E4095; text-align: center; vertical-align: top; -webkit-border-radius:3px; -webkit-border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0; padding: 2px; } #ligacao p { font-family: "Swis721 BlkCn BT", verdana, arial; font-size: 12px; color: #3E4095; margin: 0px; text-align: center; } #ligacao .button { width:224px; float:left; margin-top: 5px; font-family:'Swis721 BlkCn BT', verdana, arial; color:#FFF; background:#FF040B; } /*banner big emprego*/ #bigemprego { float: left; height: 196px; width: 253px; margin-left: 18px; margin-top: 15px; } #ligacao .button:hover { width:223px; float:left; margin-top:5px; font-family:'Swis721 BlkCn BT', verdana, arial; color:#FFF; background: #970D10; } #ligacao .forms { border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; -webkit-border-radius:3px; border:2px solid #3E4095; width: 223px; margin-left: 12px; } /* inicio noticias*/ #noticias { width: 551px; float: left; margin-top:-45px; margin-left: 10px; } .artigos p { font-family: "Swis721 BlkCn BT", verdana, arial; font-size: 12px; color: #000; width: 120px; float: left; margin-top: -10px; margin-left: 2px; } .artigos img { float: left; } .artigos { float: left; height: 125px; width: 262px; margin-bottom: 5px; margin-left: 5px; border: 2px solid #CCC; background-color: #FFF; padding:2px; } .artigos:hover { float: left; height: 125px; width: 262px; margin-bottom: 5px; margin-left: 5px; border: 2px solid #999; } .h1n{ font-family: "Swis721 BlkCn BT", verdana, arial; font-size: 16px; color: #0098DA; border-color: #FFF; text-align: left; vertical-align: super; width: 127px; float: left; margin-left: 3px; margin-top: -2px; } .paginacao { font-family:'Swis721 BlkCn BT', verdana, arial; font-size:12px; color:#3E4095; margin: 0 auto; text-align: center; }/*fim noticia*/ /*inicio do slidshow final da pagina*/ #slideshow1 { position:relative; height:124px; width:828px; float:left; margin-bottom:0px; margin-top:38px; margin-right: auto; margin-left: auto; } #slideshow1 a{ position:absolute; top:0; left:0; z-index:8; } #slideshow1 a.active{ z-index:10; } #slideshow1 a.last-active{ z-index:9; } #slideshow1 img{ width: 828px; height:124px; border:0; } /*fim slideshow*/ /*franquia e projetos*/ #quadrados { float: left; height: 160px; width: 253px; margin-left: -252px; margin-top: 215px; } #franquia { height: 21px; width: 100%; background: #2a58a4; /* Old browsers */ background: -moz-linear-gradient(left, #2a58a4 0%, #8fd6f6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2a58a4), color-stop(100%,#8fd6f6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #2a58a4 0%,#8fd6f6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #2a58a4 0%,#8fd6f6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #2a58a4 0%,#8fd6f6 100%); /* IE10+ */ background: linear-gradient(to right, #2a58a4 0%,#8fd6f6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a58a4', endColorstr='#8fd6f6',GradientType=1 ); /* IE6-9 */ font-family: "Swis721 BlkCn BT", verdana, arial; color: #FFF; text-align: center; } #quadrados #sejafran { font-family: "Swis721 BlkCn BT", verdana, arial; height: 52px; width: 223px; background-color: #FFF; text-align: center; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: 10px; -webkit-border-top-left-radius:13px; -webkit-border-top-right-radius:13px; color:#2957A4; margin-top: 77px; } #quadrados .textofran { font-family: "Swis721 BlkCn BT", verdana, arial; height: 19px; width: 50%; background-color: #FFF; text-align: center; color:#2957A4; float: left; background: #2a58a4; /* Old browsers */ background: -moz-linear-gradient(left, #2a58a4 0%, #8fd6f6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2a58a4), color-stop(100%,#8fd6f6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #2a58a4 0%,#8fd6f6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #2a58a4 0%,#8fd6f6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #2a58a4 0%,#8fd6f6 100%); /* IE10+ */ background: linear-gradient(to right, #2a58a4 0%,#8fd6f6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a58a4', endColorstr='#8fd6f6',GradientType=1 ); /* IE6-9 */ font-family: "Swis721 BlkCn BT", verdana, arial; color: #FFF; text-align: center; margin-top:-20px; padding-top: 4px; } #quadrados .quadros { height: 66px; width: 114px; font-family: "Swis721 BlkCn BT", verdana, arial; color: #2957A4; background-color: #FFF; float: left; margin-right: auto; margin-bottom: 0; margin-left: 8px; margin-top: 12px; -webkit-border-top-left-radius:13px; -webkit-border-top-right-radius:13px; text-align: center; } #quadrados #bazul { height: 21px; width: 100%; background: #2a58a4; /* Old browsers */ background: -moz-linear-gradient(left, #2a58a4 0%, #8fd6f6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2a58a4), color-stop(100%,#8fd6f6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(left, #2a58a4 0%,#8fd6f6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(left, #2a58a4 0%,#8fd6f6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(left, #2a58a4 0%,#8fd6f6 100%); /* IE10+ */ background: linear-gradient(to right, #2a58a4 0%,#8fd6f6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a58a4', endColorstr='#8fd6f6',GradientType=1 ); /* IE6-9 */ margin-top: -160px; } /* Fim*/ /* inicio roda pe*/ #fundoroda { background-color: #183884; height: 56px; width: 100%; clear: both; } #fundoroda #roda h2 { font-family: Arial, Helvetica, sans-serif; color: #91D8F7; font-size: 12px; padding-top: 23px; width: 35%; } #fundoroda #roda .politic { float: right; width: 35%; margin-top: -47px; text-align: right; } #fundoroda img { margin: 0 auto; width:80px; height:45px; float:left; padding-top: 6px; } #fundoroda #roda { margin: 0 auto; height: 56px; width: 1000px; } /*leia mais*/ .i2Style{ font:bold 14px "Arial"; font-style:normal; color:#ffffff; background:#2957A4; border:3px inset #ffffff; text-shadow:0px -1px 1px #222222; border-radius:0px 15px 0px 15px; -moz-border-radius:0px 30px 0px 30px; -webkit-border-radius:0px 15px 0px 15px; width:70px; cursor:pointer; margin-top:-15px;; float:right; height: 25px; } .i2Style:hover { background:#8fd6f6; } .i2Style:active{ cursor:pointer; position:relative; top:2px; } /*Slider lateral*/ .container { width:253px; height:196px; } .container > img, .container > div { width:253px; height:196px; display:none; } #example3 img { width:100%; height:100%; } #example3 div div { position:absolute; bottom:0; left:0; background:#fff; width:100%; } #example3 p { margin:0; color:#000; padding:5px 15px 24px 15px; } #example3 .frame { position:absolute; top:0; left:0; } #example3 .montePlay { display:none; } #example3 .montePrev, #example3 .monteNext { display:block; background-image:url(../images/slides/arrows.png); background-repeat:none; position:absolute; top:166px; width:24px; height:28px; text-indent:-9999px; } #example3 .montePrev { left:0; background-position:bottom left; } #example3 .monteNext { right:0; background-position:bottom right; } #example3 .montePrev:hover { background-position:top left; } #example3 .monteNext:hover { background-position:top right; } Thank you, now!
October 8, 201213 yr It's also easier to trouble shoot your code when you delete all the HTML that you know you're not having issue with, and work solely on the problem area. Save a copy, then on the copy drop all containers that are working. Then start tweaking, if it's working start putting things back bit by bit, that way you can isolate if there's a conflict with your other content that you need to address.
Create an account or sign in to comment