Avatar of Member_2_99151
Member_2_99151 asked on

Appending Tables in HTML

Hi all,

I would like to know if it is possible to append tables in HTML without getting double thickness borders between them?
See attached code....

Normally I would just span rows as required, however for this application I do not know how many columns are in each table until runtime...

Any thoughts?

Thanks,

James
<html>
<body>
<table width=100% border=1 cellpadding=0>
<tr><td align=center>hello</td></tr>
</table>
 
<table width=100% border=1>
<tr><td align=center>hello</td><td align=center>hello</td></tr>
</table>
 
<table width=100% border=1>
<tr><td align=center>hello</td><td align=center>hello</td><td align=center>hello</td></tr>
</table>
 
<body>
</html>

Open in new window

HTML

Avatar of undefined
Last Comment
Member_2_99151

8/22/2022 - Mon
ASKER CERTIFIED SOLUTION
OMC2000

Log in or sign up to see answer
Become an EE member today7-DAY FREE TRIAL
Members can start a 7-Day Free trial then enjoy unlimited access to the platform
Sign up - Free for 7 days
or
Learn why we charge membership fees
We get it - no one likes a content blocker. Take one extra minute and find out why we block content.
See how we're fighting big data
Not exactly the question you had in mind?
Sign up for an EE membership and get your own personalized solution. With an EE membership, you can ask unlimited troubleshooting, research, or opinion questions.
ask a question
ASKER
Member_2_99151

Hi,
That looks almost perfect!
Is is possible to change the style of the borders to be a single black line instead of the embossed effect that is provided as standard?
Thanks,
James
OMC2000

Try with the following style:


<STYLE>
TD { 
 border-top-color:#000000;
 border-bottom-color:#000000;
 border-left-color:#000000;
 border-right-color:#000000;
 border-top-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-right-style:solid;
 border-width=1px;
}
TABLE { 
 border-top-color:#000000;
 border-bottom-color:#000000;
 border-left-color:#000000;
 border-right-color:#000000;
 border-top-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-right-style:solid;
 border-width=1px;
}
</STYLE>

Open in new window

ASKER
Member_2_99151

You are officially an HTML genius ;-)
Thanks for the very quick replies....
James
Your help has saved me hundreds of hours of internet surfing.
fblack61