Foros del Web » Creando para Internet » CSS »

Tablas y estilos

Estas en el tema de Tablas y estilos en el foro de CSS en Foros del Web. Buenas tardes a [email protected] Os propongo una pregunta. Estoy montando un listado de datos, por medio de tablas. Para el listado, necesito que la tabla ...
  #1 (permalink)  
Antiguo 29/03/2006, 10:25
Avatar de el_javi  
Fecha de Ingreso: marzo-2005
Ubicación: MAdrid
Mensajes: 841
Antigüedad: 12 años, 8 meses
Puntos: 9
Tablas y estilos

Buenas tardes a [email protected]

Os propongo una pregunta.

Estoy montando un listado de datos, por medio de tablas.

Para el listado, necesito que la tabla me muestre borde en las celdas 8a modo de rejilla, de 1 px de ancho el borde).

yo lo he montado con:

Código HTML:
<table width="100%" border="0" cellpadding="4" cellspacing="0" class="table_01" id="tabla_listado">
	<tr>
		<td colspan="2" style="background-color:#3D6F00; " class="a10_fff_bold">HIST&Oacute;RICO DEL ART&Iacute;CULO </td>
	</tr>
	<tr>
		<td width="200">N&ordm; de pedido:</td>
		<td>22</td>
	</tr>
	<tr>
		<td>Fecha de pedido:</td>
		<td>20/10/2006</td>
	</tr>
	<tr>
		<td>Unidades:</td>
		<td>2.000</td>
	</tr>
	<tr>
		<td>Precio unitario:</td>
		<td>0,2430 &euro;</td>
	</tr>
	<tr>
		<td>Transporte:</td>
		<td>Mar&iacute;timo A&eacute;reo</td>
	</tr>
</table> 
y como CSS tengo
Código HTML:
/* Estilo de Listados */
#tabla_listado {border:1px solid #3D6F00;border-width: 1px 0px 0px 1px;}
#tabla_listado td {border:1px solid #3D6F00;border-width: 1px 0px 0px 1px;;border-width: 0px 1px 1px 0px;}
Como se ve, uso el listado (los estilos) por medio de ID de Clases.

El problema es que abajo tengo que cargar otra tabla con mas datos (y los mismos estilos) pero no puedo usar el mismo ID (dado que el validador TIDY me dice que no se puede duplicar un ID en código HTML).

Si alguna persona me podria decir cómo montar varios listados, en tablas diferentes (y usando los ID como os digo) me gustaría que me contestara...

Muchas gracias de antemano, y gracias

  #2 (permalink)  
Antiguo 29/03/2006, 10:34
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 el_javi

Si no quieres, o no puedes usar clases

.tabla_listado {border:1px solid #3D6F00;border-width: 1px 0px 0px 1px;}

<table class="tabla_listado">

puedes poner en el Css los id separados por comas:
Código:
#tabla_listado, #tabla_listado2 {border:1px solid #3D6F00;border-width: 1px 0px 0px 1px;}
Saludos,
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 17:03.