Foros del Web » Creando para Internet » CSS »

bordes de table

Estas en el tema de bordes de table en el foro de CSS en Foros del Web. Wenas: ¿Como se hace con estilos el típico border de una table?. Me explico, cuando se pone <table border="1"> se construye una tabla en la ...
  #1 (permalink)  
Antiguo 02/05/2004, 12:37
Avatar de fjmasero  
Fecha de Ingreso: diciembre-2002
Mensajes: 488
Antigüedad: 15 años
Puntos: 1
bordes de table

Wenas:

¿Como se hace con estilos el típico border de una table?.

Me explico, cuando se pone <table border="1"> se construye una tabla en la que se ven bordes en todas las celdas.

Sin embargo, con <table style=border: 1 solid #000000"> solo se visualiza un borde a toda la tabla, y no entre las celdas.

Lo que quiero es conseguir con estilos el primer efecto.

Me imagino que si se aplican estilos a las celdas, consigues lo mismo, pero me pregunto si no hay una forma de hacerlo sin tener que aplicar estilos a cada td.

Espero haberme explicado.

Salu2 y gracias.
__________________
No es sabio el que sabe sino el que no sabe y quiere aprender

Última edición por fjmasero; 02/05/2004 a las 12:39
  #2 (permalink)  
Antiguo 02/05/2004, 19:37
Avatar de orochies  
Fecha de Ingreso: septiembre-2003
Ubicación: Guatemala
Mensajes: 259
Antigüedad: 14 años, 2 meses
Puntos: 2
pues puedes acerlo de esta manera:


table,td {
border: 1px solid #000000;
}


Claro que esta forma es para acerlo en un archivo externo de css ... O para la cabecera deldocumento...
__________________
QMD...
  #3 (permalink)  
Antiguo 03/05/2004, 02:56
Avatar de fjmasero  
Fecha de Ingreso: diciembre-2002
Mensajes: 488
Antigüedad: 15 años
Puntos: 1
Gracias por contestar orochies, pero tu solucíón no me vale, pq los estilos q defines lo q hace es poner borde a toda la tabla y borde a cada celda, de tal forma que entre celdas se duplican los bordes q están juntos.

Salu2
__________________
No es sabio el que sabe sino el que no sabe y quiere aprender
  #4 (permalink)  
Antiguo 03/05/2004, 03:52
Avatar de JavierB
Colaborador
 
Fecha de Ingreso: febrero-2002
Ubicación: Madrid
Mensajes: 25.052
Antigüedad: 15 años, 9 meses
Puntos: 771
Hola, fjmasero.

Añade esto:

table {border-collapse: collapse}

Saludos,
  #5 (permalink)  
Antiguo 03/05/2004, 04:51
Avatar de fjmasero  
Fecha de Ingreso: diciembre-2002
Mensajes: 488
Antigüedad: 15 años
Puntos: 1
Gracias JavierB:

Ya lo había encontrado.

Pongo un código para q sirva de ejemplo
Código:
<HTML>
  <HEAD>
    <STYLE type="text/css">
      .tabla { border-collapse: collapse }
      .tabla td { border: 2px solid red }
      .tablaHija td { border: none }
    </STYLE>
  </HEAD>
  <BODY>
<table cellspacing="0" cellpadding="5" border="0" class="tabla">
<tr>
    <td>1</td>
    <td>
      <table cellspacing="2" cellpadding="2" border="0" class="tablaHija">
        <tr>
          <td>x</td>
          <td>x</td>
        </tr>
        <tr>
          <td>x</td>
          <td>x</td>
        </tr>
      </table>
    </td>
    <td>3</td>
    <td></td>
</tr>
<tr>
    <td>5</td>
    <td>6</td>
    <td></td>
    <td>8</td>
</tr>
<tr>
    <td>9</td>
    <td>10</td>
    <td></td>
    <td>12</td>
</tr>
<tr>
    <td>13</td>
    <td>14</td>
    <td>15</td>
    <td>16</td>
</tr>
</table>
<br>
<table cellspacing="0" cellpadding="10" border="0">
<tr>
    <td>a</td>
    <td>b</td>
</tr>
<tr>
    <td>c</td>
    <td>d</td>
</tr>
</table>

  </BODY>
</HTML>
__________________
No es sabio el que sabe sino el que no sabe y quiere aprender

Última edición por fjmasero; 03/05/2004 a las 04:53
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 19:48.