Hi gurus, i am attaching an image, for which the markup has to be created, i tried with table, but that seems to be helping little, the problem is , i need a space at the top and bottom of every td which has a 1px right border (see image) also each row has a 1px bottom border as a separator for rows. can this be achieved or any other solutions.... thanks in advance
That's not even valid code. coordinates such as left do not work on unpositioned elements. Robots can't write code. What mikee was asking actually was how to not have the borders reach all the way to the tops and bottoms of the td's. And I'll agree with that other forum, put the borders on some inner element, it can even be a div, and give THAT inner element some margin of like a px or something to make the space. You'll have to be careful though since non-table elements won't follow the same rules as table borders (if you're using something like border-collapse: collapse, so you'll really need to manually set these borders.
have you tried in your html for the table tag to use cellspacing and cellpadding, then in css set your border width and color using border-right etc to isolate which border is set.
i tried with cellpadding and cellspacing (not working), but i got it with adding one empty row b/w every rows to achieve the layout.