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-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 weblist99
On Thu, Sep 24, 2009 at 6:23 PM, tee 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 browsers yet): >

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-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 f

Re: [WSG] a table layout issue

2009-09-24 Thread designer
Hi Tee, - Original Message - From: "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

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-23 Thread Savl Ekk
There is a way - make table in td. Something like - ...etc. ... Hi Tee, > > I made an example that looks the way you described and validates: > > http://www.coolphptools.com/tests/tr.html > > There is no escaping the inner div's because margin doesn't seem to apply > 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: [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 t

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 i

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

2009-09-23 Thread designer
Hi Tee, - Original Message - From: "tee" To: 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 to separate each tr, then a 5 pixel padd

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 p

[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