Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
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">](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>.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
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
O tutorial do Adam Kalsey é muito mais simples que o do site do Maujor (não vi a fonte)
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
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.
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">](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')"> <div class="roundcont">
<div class="roundtop">
<img src="imagens/fundo_supe.jpg" alt=""
width="790" height="66" class="corner"
style="display: none" />
</div><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">e o css
@charset "utf-8";a:link {
color: #3b6149;
text-decoration: none;
} text-decoration: none;
color: #3B6149;
} text-decoration: none;
color: #a8a8a8;
} 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;
}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
Posta o link para a página.
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
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
Obrigado por compartilhar a solução.
http://forum.imasters.com.br/public/style_emoticons/default/thumbsup.gif
Faça com imagens:
http://maujor.com/tutorial/box-arred.php