On Jun 27, 2011, at 7:49 PM, Niels Matthijs wrote:
> I know it's not possible to place a margin on a tr-tag, but is there any
> alternative if tr elements need to be visually separated from each other.
> Mind that every tr has a border and a gradient background, so trickery using
> td tags is pretty much out of the question. Cross-browser solution would be
> nice J
>
table { border-collapse: separate; border-spacing: 0 10px; }
td { border-top: medium solid; border-bottom: medium solid; border-right: thin
solid; padding: .5em; }
td:first-child { border-left: medium solid; }
td:last-child { border-right-width:medium; }
You'll need to get creative for IE 8 as it doesn't understand :last-child. I'm
sure you can do that :-p.
Philippe
--
Philippe Wittenbergh
http://l-c-n.com/
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
