Vanessa Alves 0 Denunciar post Postado Novembro 17, 2009 Estou com problemas mais uma vez... não sei como resolver... ja tentei de todas as formas bem aqui vai fiz o meu site o qual os cantos são arredondados, em uma página os dados vão vim do sistema, não tenho como saber o tamanho exato... ai que esta o problema como saber o tamanho da imagem com cantos arredondados... então pesquisei e encontrei duas formas... 1° o html <!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>Untitled Document</title> <link href="estilo.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="div"> teste</div> </div> </div> </body> </html> e esse é o css .div { -moz-border-radius:25px; /* Firefox, etc */ -khtml-border-radius:25px; /* Konqueror, etc */ -webkit-border-radius:25px; /* Safari, Google Chrome, etc */ -opera-border-radius:25px; /* Opera */ background:#00F; position:absolute; left:50%; top:18px; margin-left:-395px; width:790px; height:757px; }só que esse tem um pequeno problema... o ie não reconhece os cantos arredondados... e quando a pg aumenta a "imagem" com borda não aumenta e se eu coloco o heigt auto ou deixo sem some esse fundo... então encontrei outra forma usando duas imagens uma em cima e outra em baixo mas acontece a mesma coisa não consigo definir automatico... conforme a tela aumenta ela vai para baixo ... será que eu para entender? rsrsrsrs Compartilhar este post Link para o post Compartilhar em outros sites
William Bruno 1501 Denunciar post Postado Novembro 17, 2009 Faça com imagens: http://maujor.com/tutorial/box-arred.php Compartilhar este post Link para o post Compartilhar em outros sites
Thiago Retondar 18 Denunciar post Postado Novembro 17, 2009 Não tem como colocar a parte arredonda no rodapé? Assim sempre ficará embaixo. Olhe como o silverfox fez no site NegocioDaNet. O tutorial que o Bruno passou vai te ajudar bastante. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif Compartilhar este post Link para o post Compartilhar em outros sites
Bruno Augusto 417 Denunciar post Postado Novembro 17, 2009 O tutorial do Adam Kalsey é muito mais simples que o do site do Maujor (não vi a fonte) Compartilhar este post Link para o post Compartilhar em outros sites
Vanessa Alves 0 Denunciar post Postado Novembro 18, 2009 os do maujor eu ja tinha visto e não consegui =( vi esse do Imaggens deu certo até um ponto rsrsrsrs não sei o que pode estar aconrecendo... testei com conteudo normal tals funcionou... ai quando coloquei ele no meu código não funcionou... continua não descendo é como o que eu coloquei no meio não existisse no meio e sim fora... num sei o que pode ser Compartilhar este post Link para o post Compartilhar em outros sites
William Bruno 1501 Denunciar post Postado Novembro 18, 2009 Um dos problemas, pode ser o uso do position absolute; que vi no teu script ali em cima. Poste um link para a página, pois sem ver o teu código mais atual, fica muito dificil ajudar. Compartilhar este post Link para o post Compartilhar em outros sites
Vanessa Alves 0 Denunciar post Postado Novembro 18, 2009 ixi é grande rsrsrsrs <!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="imagetoolbar" content="no" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Visoplac - Portfólio</title> <link rel="stylesheet" href="estilo.css" type="text/css" media="screen" /> <style type="text/css"> <!-- body { background-color: #3b6149; } --> </style> <script src="js/prototype.js" type="text/javascript"></script> <script src="js/scriptaculous.js?load=effects,builder" type="text/javascript"></script> <script src="js/lightbox.js" type="text/javascript"></script> <script src="Scripts/swfobject_modified.js" type="text/javascript"></script> <script type="text/javascript"> <!-- function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> </script> </head> <body onload="MM_preloadImages('imagens/bts/bt_empresa_over.jpg','imagens/bts/bt_produtos_over.jpg','imagens/bts/bt_portfolio_over.jpg','imagens/bts/bt_clientes_over.jpg','imagens/bts/bt_area_atuacao_over.jpg','imagens/bts/bt_contato_over.jpg')"> <!--Aqui eu tenho uma classe que determina o tamanho de tudo chamada fundo ok... --> <div class="fundo"> <!--Ai encontrei um código que faz isso que é esse aqui em baixo a linha 54 até a 59 e la no final da 198 a 202 acho que é isso rsrsrs ai fiz o teste fora dessa minha pg e funcionou trannquilo mas quando coloquei ela aqui não funciona , é como se não reconecesse que o conteudo esta ali... veja o proximo comentario... --> <div class="roundcont"> <div class="roundtop"> <img src="imagens/fundo_supe.jpg" alt="" width="790" height="66" class="corner" style="display: none" /> </div> <!--quando escrevo qualquer coisa aqui ele funciona estando forma de div... não entendi essa... mas o meu conteudo ja esta todo estruturado aqui em baixo... sei la agora to te mandando o css tbm... os estilos desse cogogo são os ultimos --> <div class="logo"><a href="index.html"><img src="imagens/logo.jpg" border="0" /></a> </div> <div class="menulinhacima"><img src="imagens/linha.jpg" /></div> <div class="empresa"><a href="empresa.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image6','','imagens/bts/bt_empresa_over.jpg',1)"><img src="imagens/bts/bt_empresa.jpg" name="Image6" width="75" height="20" border="0" id="Image6" /></a></div> <div class="produtos"> <a href="produtos.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image7','','imagens/bts/bt_produtos_over.jpg',1)"><img src="imagens/bts/bt_produtos.jpg" name="Image7" width="75" height="20" border="0" id="Image7" /></a></div> <div class="portifolio"> <a href="portfolio.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image8','','imagens/bts/bt_portfolio_over.jpg',1)"><img src="imagens/bts/bt_portfolio.jpg" name="Image8" width="75" height="20" border="0" id="Image8" /></a></div> <div class="clientes"> <a href="clientes.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image9','','imagens/bts/bt_clientes_over.jpg',1)"><img src="imagens/bts/bt_clientes.jpg" name="Image9" width="75" height="20" border="0" id="Image9" /></a></div> <div class="areadeatuacao"><a href="area_de_atuacao.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image10','','imagens/bts/bt_area_atuacao_over.jpg',1)"><img src="imagens/bts/bt_area_atuacao.jpg" name="Image10" width="120" height="20" border="0" id="Image10" /></a> </div> <div class="contato"><a href="contato.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image11','','imagens/bts/bt_contato_over.jpg',1)"><img src="imagens/bts/bt_contato.jpg" name="Image11" width="75" height="20" border="0" id="Image11" /></a> </div> <div class="menulinhabaixo"><img src="imagens/linha.jpg" /></div> <div class="bannerinterna"> <object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="720" height="112"> <param name="movie" value="viso.swf" /> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="swfversion" value="8.0.35.0" /> <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. --> <param name="expressinstall" value="Scripts/expressInstall.swf" /> <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. --> <!--[if !IE]>--> <object type="application/x-shockwave-flash" data="viso.swf" width="720" height="112"> <!--<![endif]--> <param name="quality" value="high" /> <param name="wmode" value="opaque" /> <param name="swfversion" value="8.0.35.0" /> <param name="expressinstall" value="Scripts/expressInstall.swf" /> <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. --> <div> <h4>Content on this page requires a newer version of Adobe Flash Player.</h4> <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /></a></p> </div> <!--[if !IE]>--> </object> <!--<![endif]--> </object> </div> <div class="linhaprodutos"> <img src="imagens/linhaprodutos.jpg" /></div> <div class="textoprodutos1">P O R T F Ó L I O</div> <div class="textoport1"> Selecione o produto: <select name="select" id="select"> <option>- -</option> <option>Empena</option> <option>Monolito</option> <option>Placa de Rua</option> </select> <form id="form1" name="form1" method="post" action=""> </form> </div> <div class="textoport2"> Cliente: <select name="select" id="select"> <option>- -</option> <option>Axe</option> <option>Big</option> <option>Boticario</option> <option>Bradesco</option> <option>Burg King</option> <option>Citbank</option> <option>Citroen</option> <option>Claro</option> <option>Coca Cola</option> <option>Del Vale</option> <option>Dove</option ><option>Grenda</option> <option>Ibis Hotel</option> <option>Leroy</option> <option>Mec Donalds</option> <option>Nissei</option> <option>Sfera</option> <option>Suvinil</option> <option>Ultra Farma</option> <option>Unimed</option> <option>Vivo</option> <option>Wal-Mart</option> </select> <form id="form1" name="form1" method="post" action=""> </form> </div> <div class="textoport3"> Cidade: <select name="select" id="select"> <option>- -</option> <option>Curitiba</option> <option>Litoral</option> <option>Londrina</option> <option>Goiânia</option> <option>São Paulo</option> </select> <form id="form1" name="form1" method="post" action=""> </form> </div> <div class="ok"><a href="#"><img src="imagens/ok.jpg" border="0" /></a></div> <div class="todasfotos"> <div class="linha"> <div class="detalheFoto"><a href="imagens/port/grande/13.jpg" rel="lightbox" title="Monolito para Ultra Farma "><img src="imagens/port/13.jpg" border="0" alt="" /></a><br />Texto da foto</div> <div class="detalheFoto"><a href="imagens/port/grande/14.jpg" rel="lightbox" title="Monolito para Sfera "><img src="imagens/port/14.jpg" border="0" alt="" /></a><br />Texto da foto 2</div> <div class="detalheFoto"><a href="imagens/port/grande/13.jpg" rel="lightbox" title="Monolito para Ultra Farma "><img src="imagens/port/13.jpg" border="0" alt="" /></a><br />Texto da foto</div> <div class="detalheFoto"><a href="imagens/port/grande/14.jpg" rel="lightbox" title="Monolito para Sfera "><img src="imagens/port/14.jpg" border="0" alt="" /></a><br />Texto da foto 2</div> </div> <div class="linha"> <div class="detalheFoto"><a href="imagens/port/grande/13.jpg" rel="lightbox" title="Monolito para Ultra Farma "><img src="imagens/port/13.jpg" border="0" alt="" /></a><br />Texto da foto</div> <div class="detalheFoto"><a href="imagens/port/grande/14.jpg" rel="lightbox" title="Monolito para Sfera "><img src="imagens/port/14.jpg" border="0" alt="" /></a><br />Texto da foto 2</div> <div class="detalheFoto"><a href="imagens/port/grande/13.jpg" rel="lightbox" title="Monolito para Ultra Farma "><img src="imagens/port/13.jpg" border="0" alt="" /></a><br />Texto da foto</div> <div class="detalheFoto"><a href="imagens/port/grande/14.jpg" rel="lightbox" title="Monolito para Sfera "><img src="imagens/port/14.jpg" border="0" alt="" /></a><br />Texto da foto 2</div> </div> <div class="linha"> <div class="detalheFoto"><a href="imagens/port/grande/13.jpg" rel="lightbox" title="Monolito para Ultra Farma "><img src="imagens/port/13.jpg" border="0" alt="" /></a><br />Texto da foto</div> <div class="detalheFoto"><a href="imagens/port/grande/14.jpg" rel="lightbox" title="Monolito para Sfera "><img src="imagens/port/14.jpg" border="0" alt="" /></a><br />Texto da foto 2</div> <div class="detalheFoto"><a href="imagens/port/grande/13.jpg" rel="lightbox" title="Monolito para Ultra Farma "><img src="imagens/port/13.jpg" border="0" alt="" /></a><br />Texto da foto</div> <div class="detalheFoto"><a href="imagens/port/grande/14.jpg" rel="lightbox" title="Monolito para Sfera "><img src="imagens/port/14.jpg" border="0" alt="" /></a><br />Texto da foto 2</div> </div> <!--<a href="imagens/port/grande/17.jpg" rel="lightbox" title="Monolito para UCI "><img src="imagens/port/17.jpg" border="0" alt="" /></a> <a href="imagens/port/grande/18.jpg" rel="lightbox" title="Monolito para Vivo"><img src="imagens/port/18.jpg" border="0" alt="" /></a> <a href="imagens/port/grande/19.jpg" rel="lightbox" title="Monolito para Vivo"><img src="imagens/port/19.jpg" border="0" alt="" /></a> <a href="imagens/port/grande/20.jpg" rel="lightbox" title="Monolito para Delvale"><img src="imagens/port/20.jpg" border="0" alt="" /></a> <br /><br /><br /> <a href="imagens/port/grande/21.jpg" rel="lightbox" title="Empena para Bradesco"><img src="imagens/port/21.jpg" border="0" alt="" /></a> <a href="imagens/port/grande/22.jpg" rel="lightbox" title="Placa para Unimed"><img src="imagens/port/22.jpg" border="0" alt="" /></a> <a href="imagens/port/grande/23.jpg" rel="lightbox" title="Placa para Unimed"><img src="imagens/port/23.jpg" border="0" alt="" /></a> <a href="imagens/port/grande/24.jpg" rel="lightbox" title="Placa para o Cits"><img src="imagens/port/24.jpg" border="0" alt="" /></a>--> </div> <!--<div class="numeracaopgs"> <a href="portfolio.html">1</a><a href="portfolio2.html"> 2</a> <a href="portfolio3.html">3</a> <a href="portfolio4.html">4</a></div>--> <div class="rodape">Visoplac 2009 © Todos os Direitos Reservados</div> <div class="alphus"><a href="http://www.alphus.com.br" target="_blank"><img src="imagens/alphus.jpg" border="0" /></a></div> <div class="roundbottom"> <img src="imagens/fundo_infe.jpg" alt="" width="790" height="66" class="corner" style="display: none" /> </div> </div> </div> <script type="text/javascript"> <!-- swfobject.registerObject("FlashID"); //--> </script> </body> </html> e o css @charset "utf-8"; /* CSS Document */ a:link { color: #3b6149; text-decoration: none; } a:visited { text-decoration: none; color: #3B6149; } a:hover { text-decoration: none; color: #a8a8a8; } a:active { text-decoration: none; } .fundo { position:absolute; left:50%; top:18px; margin-left:-395px; width:790px; height:757px; } .fundoaviso { position:absolute; left:3%; top:350px; width:365px; height:140px; } .ftaviso { position:absolute; left:5%; top:373px; width:147px; height:98px; } .fundonossosclientes { position:absolute; left:50.5%; top:350px; width:365px; height:140px; } .fundoprodutos { position:absolute; left:3%; top:495px; width:747px; height:233px; } .rodape { position:absolute; left:37%; top:735px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#063; color: #3b6149; } .logo { position:absolute; left:6%; top:18px; width:90px; height:60px; } .bannerinterna { position:absolute; left:4.5%; top:100px; width:720px; height:112px; } .banner { position:absolute; left:3%; top:90px; width:742px; height:253px; } .bannerempresa { position:absolute; left:3%; top:90px; width:230px; height:300px; } .empresa { position:absolute; left:24%; top:43px; } .produtos { position:absolute; left:34%; top:43px; } .portifolio { position:absolute; left:45%; top:43px; } .clientes { position:absolute; left:55%; top:43px; } .areadeatuacao { position:absolute; left:65%; top:43px; } .contato { position:absolute; left:81%; top:43px; } .menulinhacima { position:absolute; left:21%; top:35px; } .menulinhabaixo { position:absolute; left:21%; top:70px; } .texto1 { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #666c69; position:absolute; left:23.8%; top:385px; } .texto2 { font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #3b6149; position:absolute; left:23.5%; top:453px; } .empena1 { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #3B6149; position:absolute; left:17.7%; top:520px; } .monolito1 { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #3B6149; position:absolute; left:46%; top:520px; } .placarua1 { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #3B6149; position:absolute; left:73.3%; top:520px; } .fotoempresa { position:absolute; left:4%; top:230px; } .linhaempresa { position:absolute; left:31.5%; top:265px; } .empresa1 { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #3B6149; position:absolute; left:86%; top:250px; } .empresa2 { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #3B6149; position:absolute; left:86.5%; top:250px; } .empresa3 { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #3B6149; position:absolute; left:88.5%; top:250px; }.empresa4 { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #3B6149; position:absolute; left:79%; top:250px; } .textoempresa { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #666c69; position:absolute; left:33%; top:275px; width:500px; } .menuempresa { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #3B6149; position:absolute; left:71.5%; top:375px; font-style: italic; font-weight: bold; } .depoimentos{ position:absolute; left:3%; top:430px; } .textodepoimentos1 { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #3B6149; position:absolute; left:6%; top:455px; } .textodepoimentos2 { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #666c69; position:absolute; left:6%; top:470px; width:194px; } .sustentabilidade{ position:absolute; left:34%; top:425px; } .textosustentabilidade1 { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #3B6149; position:absolute; left:38%; top:455px; } .textosustentabilidade2 { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #666c69; position:absolute; left:38%; top:495px; width:247px; } .fundoprodutos2 { position:absolute; left:2.5%; top:230px; } .linhaprodutos { position:absolute; left:8.3%; top:270px; } .textoprodutos1 { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #3B6149; position:absolute; left:10%; top:255px; } .produtospg { position:absolute; left:9%; top:320px; } .empena2 { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #3B6149; position:absolute; left:11%; top:300px; } .monolito2 { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #3B6149; position:absolute; left:41%; top:300px; } .placarua2 { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #3B6149; position:absolute; left:70%; top:300px; } .textoempena { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #666C69; position:absolute; left:9.5%; top:470px; width:175px; } .textomonolito { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #666C69; position:absolute; left:39.3%; top:470px; width:175px; } .textoplacarua { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #666C69; position:absolute; left:68.7%; top:470px; width:175px; } .voltar { font-family:Arial, Helvetica, sans-serif; font-size: 13px; color: #3B6149; position:absolute; left:89%; top:255px; font-weight: bold; } .textoport1 { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #666C69; position:absolute; left:14%; top:295px; width:250px; } .textoport2 { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #666C69; position:absolute; left:45%; top:295px; width:250px; } .textoport3 { font-family:Arial, Helvetica, sans-serif; font-size: 11px; color: #666C69; position:absolute; left:65%; top:295px; width:250px; } .ok { position:absolute; left:83.5%; top:295px; width:25px; } .todasfotos { position:absolute; left:14%; top:340px; width:575px; height:375px; /*border: 1px solid blue;*/ } .ftport1 { position:absolute; left:14%; top:340px; width:25px; } .ftport2 { position:absolute; left:33%; top:340px; width:25px; } .ftport3 { position:absolute; left:52%; top:340px; width:25px; } .ftport4 { position:absolute; left:71.5%; top:340px; width:25px; } .ftport5 { position:absolute; left:14%; top:470px; width:25px; } .ftport6 { position:absolute; left:33%; top:470px; width:25px; } .ftport7 { position:absolute; left:52%; top:470px; width:25px; } .ftport8 { position:absolute; left:71.5%; top:470px; width:25px; } .ftport9 { position:absolute; left:14%; top:600px; width:25px; } .ftport10 { position:absolute; left:33%; top:600px; width:25px; } .ftport11{ position:absolute; left:52%; top:600px; width:25px; } .ftport12 { position:absolute; left:71.5%; top:600px; width:25px; } .textoportft1 { font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #3B6149; position:absolute; left:14%; top:440px; font-style: italic; } .textoportft2 { font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #3B6149; position:absolute; left:33%; top:440px; font-style: italic; } .textoportft3 { font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #3B6149; position:absolute; left:52%; top:440px; font-style: italic; } .textoportft4 { font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #3B6149; position:absolute; left:71.5%; top:440px; font-style: italic; } .textoportft5 { font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #3B6149; position:absolute; left:14%; top:570px; font-style: italic; } .textoportft6 { font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #3B6149; position:absolute; left:33%; top:570px; font-style: italic; } .textoportft7 { font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #3B6149; position:absolute; left:52%; top:570px; font-style: italic; } .textoportft8 { font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #3B6149; position:absolute; left:71.5%; top:570px; font-style: italic; } .textoportft9 { font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #3B6149; position:absolute; left:14%; top:700px; font-style: italic; } .textoportft10 { font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #3B6149; position:absolute; left:33%; top:700px; font-style: italic; } .textoportft11 { font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #3B6149; position:absolute; left:52%; top:700px; font-style: italic; } .textoportft12 { font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #3B6149; position:absolute; left:71.5%; top:700px; font-style: italic; } .logoclientes { position:absolute; left:10%; top:320px; width:631px; } .mapa { position:absolute; left:21%; top:300px; border:#3B6149 solid 1px; } .ampliarmapa { position:absolute; left:89%; top:255px; } .contatoselecione { position:absolute; left:9.5%; top:310px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #666C69; width:300px; } .contatonome { position:absolute; left:9.5%; top:350px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #666C69; width:300px; } .contatoempresa { position:absolute; left:9.5%; top:390px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #666C69; width:300px; } .contatofone { position:absolute; left:9.5%; top:430px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #666C69; width:300px; } .contatoemail { position:absolute; left:9.5%; top:470px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #666C69; width:300px; } .contatomensagem { position:absolute; left:9.5%; top:510px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #666C69; } .contatomensagemcaixa{ position:absolute; left:18.5%; top:510px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #666C69; width:250px; } .btenviar{ font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #7A7A7A; background-color: #FFF; border: 1px solid #666; width: 70px; height:20px; position:absolute; left:31.7%; } .btalinhado{ position:absolute; left:31.7%; top:630px; width: 70px; height:20px; } .enderecos { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #666C69; position:absolute; left:60%; top:310px; width:215px; } .alphus { position:absolute; left:92.4%; top:727px; } .goiania { position:absolute; left:55.5%; top:522px; } .goiania2 { position:absolute; left:55.5%; top:522px; } .londrina { position:absolute; left:53.2%; top:589px; } .maringa { position:absolute; left:52%; top:591px; } .curitiba { position:absolute; left:54.8%; top:607px; } .litoral { position:absolute; left:55.9%; top:611px; } .enderecocuritiba { font-family:Arial, Helvetica, sans-serif; font-size: 12px; color: #666C69; position:absolute; left:65%; top:610px; width:215px; } .numeracaopgs { position:absolute; left:49.3%; top:718px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#063; color: #3b6149; } #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } .detalheFoto{ float:left; width: 120px; height: 95px; padding-top: 5px; padding-bottom: 5px; padding-left:10px; padding-right: 10px; font-family:Arial, Helvetica, sans-serif; font-size: 10px; color:#3B6149; font-style:italic; /*border: 1px solid red;*/ } .linha{ width: 100%; height:115px; /*border: 1px solid green;*/ } .roundcont { width: 790px; background-color: #03C; color: #fff; } .roundcont p { margin: 0 10px; } .roundtop { background: url(imagens/fundo_supe.jpg)) no-repeat top right; } .roundbottom { background: url( url(imagens/fundo_infe.jpg)) no-repeat top right; } img.corner { width: 790px; height: 66px; border: none; display: block !important; } Compartilhar este post Link para o post Compartilhar em outros sites
Vanessa Alves 0 Denunciar post Postado Novembro 18, 2009 nossa gente... tentei de tudo... eu e mais uma web design passamos o dia em cima disso e nada rsolvido... ja não sei mais o que fazer... vo acaba pirando rsrsrsrs :wacko: bem mas obrigada por quem tentou me ajudar... hehehe Compartilhar este post Link para o post Compartilhar em outros sites
Thiago Retondar 18 Denunciar post Postado Novembro 18, 2009 Posta o link para a página. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif Compartilhar este post Link para o post Compartilhar em outros sites
Vanessa Alves 0 Denunciar post Postado Novembro 20, 2009 bem resolvi refazer o html do layout... não tava mais dando nada certo... agora achei uma maneira melhor... separe as divs e deixei elas mais organizads... muito mais facil para se entender... hehehe agradeço que ajudou... foi dificil mas consegui vivendo e aprendendo hehehe Compartilhar este post Link para o post Compartilhar em outros sites
Thiago Retondar 18 Denunciar post Postado Novembro 20, 2009 Obrigado por compartilhar a solução. http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif Compartilhar este post Link para o post Compartilhar em outros sites