Tabla con borde simple, que no sea doble

[pherenike]

Saludos a todos!!

Mi pregunta es la siguiente quiero hacer que mi tabla tenga los bordes simples y finos, que no se vea como si fuesen dobles, que es como me salen, este es el codigo que tengo, si alguine me puede ayudar estaria muy agradecida.

Gracias!!!!

Código HTML:

<table width="604" border="1" cellpadding="0" cellspacing="0" bordercolor="#333333">
    <tr>
      <td width="151" border="1" bordercolor="#000000"><?php echo $horaamanecer; ?>&nbsp;</td>
      <td width="160" border="1" bordercolor="#000000"><?php echo $horaatardecer; ?>&nbsp;</td>
      <td width="165" border="1" bordercolor="#000000">&nbsp;</td>
    </tr>
    <tr>
      <td bordercolor="#000000">&nbsp;</td>
      <td bordercolor="#000000">&nbsp;</td>
      <td bordercolor="#000000">&nbsp;</td>
    </tr>
    <tr>
      <td bordercolor="#000000">&nbsp;</td>
      <td bordercolor="#000000">&nbsp;</td>
      <td bordercolor="#000000">&nbsp;</td>
    </tr>
    <tr>
      <td bordercolor="#000000" bgcolor="#FFFFFF">&nbsp;</td>
      <td bordercolor="#000000" bgcolor="#FFFFFF">&nbsp;</td>
      <td bordercolor="#000000" bgcolor="#FFFFFF">&nbsp;</td>
    </tr>
    <tr>
      <td bordercolor="#000000">&nbsp;</td>
      <td bordercolor="#000000">&nbsp;</td>
      <td bordercolor="#000000">&nbsp;</td>
    </tr>
    <tr>
      <td bordercolor="#000000">&nbsp;</td>
      <td bordercolor="#000000">&nbsp;</td>
      <td bordercolor="#000000">&nbsp;</td>
    </tr>
    <tr>
      <td bordercolor="#000000">&nbsp;</td>
      <td bordercolor="#000000">&nbsp;</td>
      <td bordercolor="#000000">&nbsp;</td>
    </tr>
    <tr>
      <td bordercolor="#000000">&nbsp;</td>
      <td bordercolor="#000000">&nbsp;</td>
      <td bordercolor="#000000">&nbsp;</td>
    </tr>
    <tr>
      <td bordercolor="#000000">&nbsp;</td>
      <td bordercolor="#000000">&nbsp;</td>
      <td bordercolor="#000000">&nbsp;</td>
    </tr>
    <tr>
      <td bordercolor="#000000">&nbsp;</td>
      <td bordercolor="#000000">&nbsp;</td>
      <td bordercolor="#000000">&nbsp;</td>
    </tr>
  </table> 

[Edypu]

yo te aconsejaria que uses estilos.

salu2.

[pherenike]

ya he probado a utilizar estilos, pero se sigue viendo como si fuese una linea doble, nose si hay alguna propiedad q me haga el borde mas fino

[nicove68]

Hola pherenike !

Quisiera q notaras la diferencia en las siguientes tablas:

Código HTML:

<table style="border: 1px solid #000000;" cellpadding="0" cellspacing="0" width="604">
    <tbody><tr>
      <td width="151">&nbsp;</td>
    </tr>
  </tbody></table>
<br><br>
<table border="1" bordercolor="#000000" cellpadding="0" cellspacing="0" width="604">
    <tbody><tr>
      <td  width="151">&nbsp;</td>
    </tr>
  </tbody></table>
 

En la primer tabla, estamos usando estilos.. 1px solid #color le estoy diciendo que quiero un borde solido de 1px de grosor y de ese color.
Y en la segunda tabla, q es como vos originalmente la armaste, le estas poniendo el borde en las propiedades de la tabla.. y visualmente se ven un poco feos.

Fijate si con los estilos te sirve

Saludos

[Edypu]

La mejor opción es usar estilos

Iniciado por nicove68

Hola pherenike !

Quisiera q notaras la diferencia en las siguientes tablas:

Código HTML:

<table style="border: 1px solid #000000;" cellpadding="0" cellspacing="0" width="604">
    <tbody><tr>
      <td width="151">&nbsp;</td>
    </tr>
  </tbody></table>
<br><br>
<table border="1" bordercolor="#000000" cellpadding="0" cellspacing="0" width="604">
    <tbody><tr>
      <td  width="151">&nbsp;</td>
    </tr>
  </tbody></table>
 

En la primer tabla, estamos usando estilos.. 1px solid #color le estoy diciendo que quiero un borde solido de 1px de grosor y de ese color.
Y en la segunda tabla, q es como vos originalmente la armaste, le estas poniendo el borde en las propiedades de la tabla.. y visualmente se ven un poco feos.

Fijate si con los estilos te sirve

Saludos

[joseomaker]

ponle el valor 0 a los bordes de la tabla y luego,le pones una id a la tabla.

luego le asignas una regla a la tabla con CSS que haga que tenga un borde solido de 1 pixel color negro y ya.

Saludos

[deirdre]

Hola pherenike

Estás haciendo la tabla de manera muy farragosa (complicada y "sucia"). Como te han dicho usa estilos y verás como consigues lo que quieres fácilmente y con menos código (y más limpio).

Te dejo un simple prototipo:

Código 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>Tabla con borde sencillo</title>
<style type="text/css">
.borde-tabla {
	border-collapse: collapse;
	border: 1px solid #666666;
}
.borde-celda {
	border: 1px solid #666666;
}
</style>
</head>

<body>

<table style="width: 100%" class="borde-tabla">
	<tr>
		<td class="borde-celda">&nbsp;</td>
		<td class="borde-celda">&nbsp;</td>
	</tr>
	<tr>
		<td class="borde-celda">&nbsp;</td>
		<td class="borde-celda">&nbsp;</td>
	</tr>
</table>

</body>

</html> 

Le pones a los estilos los nombres que quieras. Ah! se me olvidaba... no uses tablas para componer las páginas; utiliza divs con css.

Saludos

[pherenike]

Muchas gracias a todos, me habeis servido de gran ayuda, lo he puesto con estilos CSS y queda como yo queria.

Gracias!!!

[deirdre]

Hola pherenike

De nada... para eso estamos aquí. Me alegra que lo consiguieras.

Bye