Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Tenho esse codigo para deixar a tabela com cantos arredondados mas não cosigo centralizar a tabela. alguem se habilitar a mostrar o erro ?
/TABELA COM CANTOS ARREDONDADOS/
<style>
.bordaBox { background: transparent; width:602; }
.bordaBox .b1, .bordaBox .b2, .bordaBox .b3, .bordaBox .b4, .bordaBox .b1b, .bordaBox .b2b, .bordaBox .b3b, .bordaBox .b4b {display:block; overflow:hidden; font-size:1px;}
.bordaBox .b1, .bordaBox .b2, .bordaBox .b3, .bordaBox .b1b, .bordaBox .b2b, .bordaBox .b3b {height:1px;}
.bordaBox .b2, .bordaBox .b3, .bordaBox .b4 {background:#FFCC33; border-left:1px solid #FFCC33; border-right:1px solid #FFCC33;}
.bordaBox .b1 {margin:0 5px; background:#FFCC33;}
.bordaBox .b2 {margin:0 3px; border-width:0 2px;}
.bordaBox .b3 {margin:0 2px;}
.bordaBox .b4 {height:2px; margin:0 1px;}
.bordaBox .conteudo {padding:5px;display:block; background:#FFCC33; border-left:1px solid #FFCC33; border-right:1px solid #FFCC33;}
</style>
/FIM DA TABELA COM CANTOS ARREDONDADOS/
<div class="bordaBox">
<b class="b1"></b><b class="b2"></b><b class="b3"></b><b class="b4"></b>
<div class="conteudo">
Box com bordas arredondadas sem utilizar imagens<br />Fácil utilização e implementação com CSS puro!
</div>
<b class="b4"></b><b class="b3"></b><b class="b2"></b><b class="b1"></b>
</div>Obrigado
ponha a tabela tambem, ou você se refere aos DIVs???
tem de ser mais especifico, creio que sua duvida seja com os DIVs
faça assim:
/CSS/
<style>
.bordaBox { background: transparent; width:602px; margin: 0 auto;}
.bordaBox .b1, .bordaBox .b2, .bordaBox .b3, .bordaBox .b4, .bordaBox .b1b, .bordaBox .b2b, .bordaBox .b3b, .bordaBox .b4b {display:block; overflow:hidden; font-size:1px;}
.bordaBox .b1, .bordaBox .b2, .bordaBox .b3, .bordaBox .b1b, .bordaBox .b2b, .bordaBox .b3b {height:1px;}
.bordaBox .b2, .bordaBox .b3, .bordaBox .b4 {background:#FFCC33; border-left:1px solid #FFCC33; border-right:1px solid #FFCC33;}
.bordaBox .b1 {margin:0 5px; background:#FFCC33;}
.bordaBox .b2 {margin:0 3px; border-width:0 2px;}
.bordaBox .b3 {margin:0 2px;}
.bordaBox .b4 {height:2px; margin:0 1px;}
.bordaBox .conteudo {padding:5px;display:block; background:#FFCC33; border-left:1px solid #FFCC33; border-right:1px solid #FFCC33;}
</style>
ae use o doctype strict:/FIM DO CSS ARREDONDADOS/
html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
xhtml:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">