Solved

Tables

Posted on 2009-05-05
3
214 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 250 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

How does your email signature look on mobiles?

Do your employees use mobile devices to reply to emails? With mobile becoming increasingly important to the business world, it is in your best interest to make sure that your email signature looks great across all types of devices.

Join & Write a Comment

This article describes how to create custom column layout styles for Bootstrap. The article uses 5 columns to illustrate the concept, but the principle can be extended to any number of columns.
Building a website can seem like a daunting task to the uninitiated but it really only requires knowledge of two basic languages: HTML and CSS.
In this tutorial viewers will learn how add a full-size background image to a webpage using CSS3. Create a new HTML document with an internal stylesheet.: In CSS, define the html element to have a background image. Use a high resolution image.: In t…
In this tutorial viewers will learn how to style elements, such a divs, with a "drop shadow" effect using the CSS box-shadow property Start with a normal styled element, such as a div.: In the element's style, type the box shadow property: "box-shad…

760 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

Need Help in Real-Time?

Connect with top rated Experts

24 Experts available now in Live!

Get 1:1 Help Now