Re: [WSG] a table layout issue

2009-10-21 Thread weblist99
On Thu, Sep 24, 2009 at 6:23 PM, tee weblis...@gmail.com wrote: ore conservative as it's not making sense to use it if I still have to insert div in the cell for IE6 (7 too?!) You can see the final result here by adding two products to cart (use Firefox as I have not checked in other

Re: [WSG] a table layout issue

2009-10-21 Thread tee
On Oct 21, 2009, at 3:27 PM, weblist99 wrote: Alas, it doesn't work for IE. Turns out IE doesn't like border- spacing. I have not checked it on IE8 but don't think this will make a difference. http://submarine2.etrivo.com/border-spacing.png Going to try Alex's method now. tee Oops,

Re: [WSG] a table layout issue

2009-10-21 Thread tee
On Oct 21, 2009, at 3:32 PM, tee wrote: Oops, no need to try, just checked, same issue with border-spacing. http://submarine2.etrivo.com/border-spacing.png Sorry, wrong url. http://submarine2.etrivo.com/border-spacing-alex.png tee

Re: [WSG] a table layout issue

2009-09-24 Thread tee
Thank you Kepler and Rimantas, Both are not perfect but at least I can tell it's my limited mileage that couldn't get it done than it can't be done :-) I still need to tested it further due to the complexity of how data are pulled to the cart page (e.g. if a customer is logged in, it will

Re: [WSG] a table layout issue

2009-09-24 Thread designer
Hi Tee, - Original Message - From: tee weblis...@gmail.com Thank you Kepler and Rimantas, Both are not perfect but at least I can tell it's my limited mileage that couldn't get it done than it can't be done :-) I still need to tested it further due to the complexity of how data are

Re: [WSG] a table layout issue

2009-09-24 Thread tee
This has been an intriguing problem! If your cell height is constant, you can make one table and insert a background border (that doesn't quite fit) in the appropriate cells. See here: http://www.betasite.fsnet.co.uk/gam/tee/teeproblem.html It works, it is cross browser compatible (as

Re: [WSG] a table layout issue

2009-09-24 Thread Alex Walker
Ok, I had a play around with this and I think this is a pretty close match without adding any extra markup. It should work fine in FF, Safari, Opera, Chrome and IE8. http://www.sitepoint.com/examples/tabletest/tabletest.html Only issues I see: - It assumes a *reasonably *consistent table cell

Re: [WSG] a table layout issue

2009-09-23 Thread Savl Ekk
Forget about tr. You can set border-spacing to zero, and make padding-bottom (top, whatever) for free space, but in this case borders would be attached to inside divs. Or you can make tr with blank td tags (or colspan, again whatever). I suggest to use inside divs with styles (margin for 5 pixel

[Spam] :Re: [WSG] a table layout issue

2009-09-23 Thread designer
Hi Tee, - Original Message - From: tee weblis...@gmail.com To: wsg@webstandardsgroup.org Sent: Wednesday, September 23, 2009 12:04 AM Subject: [WSG] a table layout issue It never occurs to me I cannot do something like this. I need each tr with borders and a margin-top

Re: [Spam] :Re: [WSG] a table layout issue

2009-09-23 Thread tee
Hi Bob, Thanks for the suggestion. Your use is to have the border in table and this doesn't work though because it can't create a border for each tr row and a margin to separate each row. Using border-collapse: collapse in table I can get the borders for tr. CSS-D had a discussion back in

Re: [Spam] :Re: [WSG] a table layout issue

2009-09-23 Thread Rimantas Liubertas
I am ready to tell client technically this can't be done but this issue really struck me as it didn't occur to me a layout that simple can't be done with a table. Now it's more a personal quest than fulfilling client's requirement. http://rimantas.com/bits/table/ Of course you may need to

Re: [WSG] a table layout issue

2009-09-23 Thread Kepler Gelotte
Savl's suggestion also doesn't work. It's not ideal to add extra div in each td cell, though I can live with it if client insists the layout must be stayed as it is, the fact is, it doesn't quite work as it adds a border on each td cell, and in the layout, it has 5 td cells, using

Re: [WSG] a table layout issue

2009-09-23 Thread Savl Ekk
There is a way - make table in td. Something like table trtd table style=margin: 0.5em trtd/td/trtrtd/td/tr - ...etc. /table /td/tr ... /table Hi Tee, I made an example that looks the way you described and validates: http://www.coolphptools.com/tests/tr.html There is no

[WSG] a table layout issue

2009-09-22 Thread tee
It never occurs to me I cannot do something like this. I need each tr with borders and a margin-top to separate each tr, then a 5 pixel padding inside the tr so that the td's border doesn't touch the tr, but I can't get it working. http://lotusfromthemud.com/table/tr.html The image below