Login or Sign Up
Logging in...
Remember me
Log in
Or
Sign Up
Forgot password or user name?
Log in with
Search in titles only
Search in HTML CSS only
Search
Advanced Search
Forums
Product Launch
Updates
Today's Posts
Member List
Calendar
Home
Forum
Topic
HTML CSS
How to merge border of two rows in a table so that both the rows have a same border?
Collapse
X
Collapse
Posts
Latest Activity
Photos
Page
of
1
Filter
Time
All Time
Today
Last Week
Last Month
Show
All
Discussions only
Photos only
Videos only
Links only
Polls only
Events only
Filtered by:
Clear All
new posts
Previous
template
Next
Prakash Gnana
New Member
Join Date:
Jan 2011
Posts:
25
#1
How to merge border of two rows in a table so that both the rows have a same border?
Feb 1 '11, 07:10 AM
I have 2 rows in a table..
I want to make the border to be merged ..
JKing
Recognized Expert
Top Contributor
Join Date:
Jun 2007
Posts:
1206
#2
Feb 1 '11, 02:19 PM
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
Post
Cancel
Prakash Gnana
New Member
Join Date:
Jan 2011
Posts:
25
#3
Feb 1 '11, 07:05 PM
Thank you, Jking
Comment
Post
Cancel
Samishii23
New Member
Join Date:
Sep 2009
Posts:
246
#4
Feb 5 '11, 04:36 AM
Code:
<table border="1" cellpadding="0" cellspacing="0"></table>
That'll make it appear to be one solid border all the way around.
Comment
Post
Cancel
JKing
Recognized Expert
Top Contributor
Join Date:
Jun 2007
Posts:
1206
#5
Feb 5 '11, 05:17 AM
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
Post
Cancel
Previous
template
Next
Working...
Yes
No
OK
OK
Cancel
👍
👎
☕
Comment