Bordes de tabla

[humanista]

Hola, tengo ésto:

Código HTML:

<table border="0" cellpadding="0" cellspacing="0" width="870" style="border-top:solid 1px #6E94B4; border-bottom:solid 1px #6E94B4; border-left:solid 1px #6E94B4; border-right:solid 1px #6E94B4; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;">
 <tr>
  <td>
   <table border="0" cellpadding="0" cellspacing="0">
    <tr>
     <td width="872" height="45">aaaaaaa</td>
    </tr>
   </table>                                     
  </td>
 </tr>
<tr>
 <td bgcolor="#F9F9F9">bbb</td>
 </tr>
</table>
 

Cómo hago para que también me redondee el border inferior izquierdo y derecho?

[flashmax]

Lo que veo que se encima proba dándole cellpadding="1" cellspacing="1"

[humanista]

Sí pero si pongo cellspacing="1" funciona, lo que pasa es que el borde me lo pone muy grueso (2 pixels en lugar de 1).

[parcialbook]

Recuerda que debes navegar en los más actualizados navegadores. Con cellspacing="1" no debe aumentar el weight del border ya que cellspacing es un atributo de la tabla. Además, procura reducir código innecesario

Código HTML:

<table border="0" cellpadding="0" cellspacing="1" width="870" style="border: 1px solid #6E94B4; -moz-border-radius: 5px 5px; -webkit-border-radius: 5px 5px; border-radius: 5px 5px;">
 <tr>
  <td>
   <table border="0" cellpadding="0" cellspacing="0">
    <tr>
     <td width="872" height="45">aaaaaaa</td>
    </tr>
   </table>
  </td>
 </tr>
<tr>
 <td bgcolor="#F9F9F9">bbb</td>
 </tr>
</table> 

[humanista]

Ummm... no es lo que buscaba ya que lo que ando intentando hacer es ésto:

Código HTML:

<table border="0" cellpadding="0" cellspacing="1" width="870" style="border: 1px solid #6E94B4; -moz-border-radius: 5px 5px; -webkit-border-radius: 5px 5px; border-radius: 5px 5px;">
 <tr>
  <td bgcolor="blue">
   <table border="0" cellpadding="0" cellspacing="0">
    <tr>
     <td width="872" height="45">aaaaaaa</td>
    </tr>
   </table>
  </td>
 </tr>
<tr>
 <td bgcolor="red">bbb</td>
 </tr>
</table>
 

Pero claro, que rellene correctamente los bordes, sin que haya huecos, alguna idea?

[flashmax]

Hola as probado hacerlo con div ya que trabajas con bordes radius?

[humanista]

No... cómo sería?

[flashmax]

estuve haciendo algunas pruebas te dejo un ejemplo haber si te sirve:

Código HTML:

<table border="0" cellpadding="0" cellspacing="0" width="870">
 <tr>
  <td><table width="600" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td style="border: 1px solid #6E94B4; border-bottom:none; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; border-radius: 5px 5px 0px 0px; background-color:#F00">aaaaaaaa</td>
  </tr>
  <tr>
        <td style="border: 1px solid #6E94B4; border-top:none; -moz-border-radius: 0px 0px 5px 5px; -webkit-border-radius: 0px 0px 5px 5px; border-radius: 0px 0px 5px 5px; background-color: #00F">bbbbbbbb</td>
  </tr>
</table>
</td>
    </tr>
   </table> 

[humanista]

Me va de cine!!! muchas gracias (y no era tan fácil como parecía), karma para ti!

[cstcolombia]

Hola
mira esta web, es un generador de bordes y te da el código que necesitas
http://border-radius.com/

*****/
no olvides visitar mi web
[URL="http://www.cstcolombia.net"]http://www.cstcolombia.net.[/URL]
un saludo.

[gebremswar]

Iniciado por cstcolombia

Hola
mira esta web, es un generador de bordes y te da el código que necesitas
http://border-radius.com/

*****/
no olvides visitar mi web
[URL="http://www.cstcolombia.net"]http://www.cstcolombia.net.[/URL]
un saludo.

Hola cstcolombia, que tal. Bienvenido a ForosDelWeb.

Tu primer mensaje y ya estas impartiendo spam?!