Como se hace esto?

killerangel · #1 (**permalink**) 18/04/2008, 12:03

Hola:

Se puede hacer esto para una tabla?

1º Que haya celdas que tienen margen y color de fondo.
2º Que haya celdas que tienen margen punteado y no color de fondo.
3º Que haya celdas que no tiene ni margen ni color de fondo.

Tal vez podria en cada celda hacer una tabla o tal vez con div o layer.

Alguna sugerencia?

Mikmoro · #2 (**permalink**) 18/04/2008, 12:13

¿Un margen punteado? ¿qué es?

Mikel.

bernardo · #3 (**permalink**) 18/04/2008, 12:44

Cita:

Iniciado por Mikmoro

¿Un margen punteado? ¿qué es?

Mikel.

Cre que se refiere a
border:1px dashed #CCC;

juaniquillo · #4 (**permalink**) 18/04/2008, 14:52

tambien existe 'dotted':

Código HTML:

 border:1px dotted #CCC;

Aunque Explorer 6 lo muestra como si fuera dashed.

Mikmoro · #5 (**permalink**) 18/04/2008, 15:35

Bueno, pues por si te referías a borde punteado (guionado en IE), aquí tienes un ejemplo con toda la variedad que decías:

Cita:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<title>Tabla</title>
<style type="text/css">
.uno {
background-color: #339999;
}
.dos {
border-style: dotted;
border-color: #33ff33;
background-color: #336666;
}
.tres {
border-style: dotted;
border-color: #ff0000;
}
</style>
</head>
<body>
<table style="text-align: left; width: 100%;" border="1" cellpadding="2" cellspacing="2">
<tbody>
<tr>
<td> </td>
<td class="uno"> </td>
<td class="tres"> </td>
<td class="dos"> </td>
</tr>
<tr>
<td class="dos"> </td>
<td> </td>
<td class="uno"> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td class="dos"> </td>
<td class="tres"> </td>
<td class="uno"> </td>
</tr>
</tbody>
</table>
<br>
</body>
</html>

Mikel.

DooBie · #6 (**permalink**) 19/04/2008, 14:09

yo a la tabla le quitaría el border="1" y le pondría un border="0", sino, el propio borde de la tabla, la afea un poco

saludos

killerangel · #7 (**permalink**) 25/04/2008, 23:51

heyy... gracias!!!!!!!!!!