?
Solved

Tables

Posted on 2009-05-05
3
Medium Priority
?
225 Views
Last Modified: 2012-05-06
Experts,

I need two table next to each other and little space in-between the two tables with dark border in black. I am trying this with the following code, but not getting it completely.

<table  width="580" height="500" bordercolor="#000000">
 <tr>
          <td width="290">Cell 1</td>
          <td width="290">Cell 2</td>
     </tr>
</table>

Please correct the above code
<table  width="580" height="500" bordercolor="#000000">
 <tr>
          <td width="290">Cell 1</td>
          <td width="290">Cell 2</td>
     </tr>
</table>

Open in new window

0
Comment
Question by:Tpaul_10
  • 2
3 Comments
 
LVL 28

Expert Comment

by:gamebits
ID: 24306406
I see only one table in your code but anyway

<table border=0 cellpadding=0 cellspacing=2 width="100%">
<tr>
      <td><table border=1 bordercolor="black">
                 <tr>
                        <td>&nbsp;</td>
                  </tr>
               </table>
      <td><table border=1 bordercolor="black">
                 <tr>
                        <td>&nbsp;</td>
                  </tr>
               </table>
</table>
0
 
LVL 16

Expert Comment

by:hankknight
ID: 24312394

<table  width="580" height="500">
 <tr>
          <td width="290">Cell 1</td>
          <td width="290" style="border-left: 2px solid black; padding-left: 10px;">Cell 2</td>
     </tr>
</table>

Open in new window

0
 
LVL 16

Accepted Solution

by:
hankknight earned 1000 total points
ID: 24312401
Or two tables:
<table width="580" height="500" style="float: left; border-right: 2px solid black;">
 <tr>
          <td width="290">Cell 1</td>
          <td width="290">Cell 2</td>
     </tr>
</table>
<table  width="580" height="500" style=" float: left; margin-left: 10px;">
 <tr>
          <td width="290">Cell 1</td>
          <td width="290">Cell 2</td>
     </tr>
</table>

Open in new window

0

Featured Post

Never miss a deadline with monday.com

The revolutionary project management tool is here!   Plan visually with a single glance and make sure your projects get done.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article discusses how to create an extensible mechanism for linked drop downs.
Originally, this post was published on Monitis Blog, you can check it here . Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
The viewer will the learn the benefit of plain text editors and code an HTML5 based template for use in further tutorials.

588 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question