Foros del Web » Creando para Internet » CSS »

estilar <tr> con margin-top y padding-top

Estas en el tema de estilar <tr> con margin-top y padding-top en el foro de CSS en Foros del Web. Tengo una tabla muy grande. Y quisiera separar por grupos de filas. Digamos que cada 5 filas poner un borde grueso entre fila y fila. ...
  #1 (permalink)  
Antiguo 01/09/2012, 17:30
 
Fecha de Ingreso: noviembre-2005
Mensajes: 172
Antigüedad: 18 años, 5 meses
Puntos: 1
estilar <tr> con margin-top y padding-top

Tengo una tabla muy grande. Y quisiera separar por grupos de filas. Digamos que cada 5 filas poner un borde grueso entre fila y fila.

Pero no tiene efecto aplicar margin y padding ni border a elemento tr.




¿Hay alguna forma elegante de hacerlo y sin tener que separarlos en tablas distintas cada grupo de filas?
  #2 (permalink)  
Antiguo 01/09/2012, 19:23
Avatar de carlospc  
Fecha de Ingreso: noviembre-2008
Ubicación: Huancayo/Perú
Mensajes: 240
Antigüedad: 15 años, 5 meses
Puntos: 12
Respuesta: estilar <tr> con margin-top y padding-top

puedes insertar un span de ancho 100% y un alto segun tus necesidades, lo muestras como block y listo, prueba y nos avisas.

Saludos.
__________________
Mi web --> www.CarlosPC.net
  #3 (permalink)  
Antiguo 02/09/2012, 03:48
 
Fecha de Ingreso: noviembre-2005
Mensajes: 172
Antigüedad: 18 años, 5 meses
Puntos: 1
Respuesta: estilar <tr> con margin-top y padding-top

Cita:
Iniciado por carlospc Ver Mensaje
puedes insertar un span de ancho 100% y un alto segun tus necesidades, lo muestras como block y listo, prueba y nos avisas.

Saludos.
mmmm creo que para eso mejor los dividiría en tablas y pondría un border-bottom a cada una.



Por cierto... ¿Hay algun sitio oficial donde se pueda ver que propiedades CSS y atributos HTML se le puede aplicar a cada etiqueta HTML?
  #4 (permalink)  
Antiguo 02/09/2012, 07:37
Avatar de flashmax  
Fecha de Ingreso: julio-2012
Ubicación: Bs.As. Argentina
Mensajes: 507
Antigüedad: 11 años, 9 meses
Puntos: 86
Respuesta: estilar <tr> con margin-top y padding-top

No se si entendí bien, lo quieres hacer es algo así?
Código HTML:
<table width="100" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td style=" border-bottom:solid 3px #000000">&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>&nbsp;</td>
  </tr>
</table> 
  #5 (permalink)  
Antiguo 05/09/2012, 09:00
Avatar de Heiroon  
Fecha de Ingreso: junio-2010
Ubicación: Caracas, Venezuela - Por ahora...
Mensajes: 495
Antigüedad: 13 años, 11 meses
Puntos: 63
Respuesta: estilar <tr> con margin-top y padding-top

Cita:
Por cierto... ¿Hay algun sitio oficial donde se pueda ver que propiedades CSS y atributos HTML se le puede aplicar a cada etiqueta HTML?
Si, http://www.w3schools.com/css/
__________________
Gmail : [email protected]
Twitter: @heiroon

I'm back!

Etiquetas: margin-top, padding-top
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 15:27.