Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

Vanessa Alves

[Resolvido] Borda arredondada...

Recommended Posts

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...

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

Compartilhar este post


Link para o post
Compartilhar em outros sites

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

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

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

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

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

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

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.