How to merge border of two rows in a table so that both the rows have a same border?

Collapse
X
 
  • Time
  • Show
Clear All
new posts
  • Prakash Gnana
    New Member
    • Jan 2011
    • 25

    How to merge border of two rows in a table so that both the rows have a same border?

    I have 2 rows in a table..
    I want to make the border to be merged ..
  • JKing
    Recognized Expert Top Contributor
    • Jun 2007
    • 1206

    #2
    You can set top left right and bottom borders on an element. By setting the bottom border of your first row and the top border of the second row to none you will achieve the effect you are looking for.

    Comment

    • Prakash Gnana
      New Member
      • Jan 2011
      • 25

      #3
      Thank you, Jking

      Comment

      • Samishii23
        New Member
        • Sep 2009
        • 246

        #4
        Code:
        <table border="1" cellpadding="0" cellspacing="0"></table>
        That'll make it appear to be one solid border all the way around.

        Comment

        • JKing
          Recognized Expert Top Contributor
          • Jun 2007
          • 1206

          #5
          That will put a border on the table and it's cells.

          With CSS you could apply a border to the table tag and that would create a single border around the table.

          In a case where there are more than two rows but you only want a border around two of them the first proposed solution solves the problem.

          Comment

          Working...