Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations gkittelson on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Three tables on one webpage

Status
Not open for further replies.
TomR100

TomR100

Programmer
Aug 22, 2001
195
US
Hello,
I am working on a webpage that calls for three tables. I am trying to put two side by side and the third across the bottom of the page. All of the tables are jammed together in one area and I cannot fogure out how to seperate them. Can anyone make a suggestion?

Here is my code
<html>

<body bgcolor=&quot;#66CC99&quot;>
<h1 align = &quot;center&quot;>Xxxxxxx X. Xxxxxx</h1>

<h2 align = &quot;center&quot;>CIS257: Designing Internet Applications<br /> Using HTML
</h2>

<h3 align = &quot;center&quot;>Winter 2002</h3><br />

<hr noshade size=&quot;3&quot; width=&quot;75%&quot; />
<hr noshade size=&quot;3&quot; width=&quot;25%&quot; />

<p align = &quot;left&quot;><a href=&quot; Web site</a><br />
</p>

<table border = &quot;1&quot; align=&quot;right&quot; cellpadding =&quot;5&quot; width=&quot;50%&quot;>
<th rowspan = &quot;6&quot;>Homework Assignments:</th>
<tr>
<td><a href=&quot;mainfamily.htm&quot;>Geneology Web site</a></td>
</tr>
<tr>
<td><a href=&quot;list.htm&quot;>List of Favorite Videos</a></td>
</tr>
<tr>
<td><a href=&quot;docstyle.htm&quot;>Document Level Stylesheets</a></td>
</tr>
<tr>
<td><a href=&quot;rev.htm&quot;><img src=&quot;adobe2.jpg&quot;
align=&quot;middle&quot;
alt=&quot;Adobe Photoshop 6.0 review&quot;
border=&quot;0&quot;></a></td>
</tr>
</table>

<table border = &quot;1&quot; align=&quot;left&quot; cellpadding=&quot;5&quot; width=&quot;50%&quot;>
<tr>
<td><img src=&quot;myphoto.jpg&quot;
alt=&quot;My Picture&quot;
height=&quot;200&quot;
width=&quot;200&quot; >
</td>
</tr>

<caption align=&quot;top&quot; >Hello he I am and here are my computer specs:</caption>
<tr>
<td>Processor: Intel Pentium III</td>
</tr>
<tr>
<td>Processor Speed (MHz): 799 MHz</td>
</tr>
<tr>
<td>Memory: 132.0 MB</td>
</tr>
<tr>
<td>Hard Disk Capacity: 2.15 GB</td>
</tr>
<tr>
<td>Modem Speed: 115 Baud</td>
</tr>
<tr>
<td>Floppy Drive Sizes: One 3.5&quot; Floppy Disk drive</td>
</tr>
<tr>
<td>CD-ROM Speed: 40x Speed</td>
</tr>
<tr>
<td>Sound Card: Sound Blaster Live</td>
</tr>
<tr>
<td>Word Processor: Notepad and Microsoft Word 2000</td>
</tr>
<tr>
<td>Internet Browser: Netscape</td>
</tr>
<tr>
<td>Internet Service Provider: America Online</td>
</tr>

</table>

<hr noshade size=&quot;3&quot; width=&quot;75%&quot; />

<center>
<table
bgcolor=&quot;#FFFF99&quot;
cellpadding=&quot;5&quot;
cellspacing=&quot;5&quot;
border=1
style=&quot;border-style: solid; font-family: serif; font-size: 10pt; font-weight: bold; border-width: 1px;&quot;>
<tr>
<td rowspan=&quot;10&quot;>Please send comments and questions to <a href=&quot;mailto:xxxxxxxx@aol.com&quot;>xxxxxxxxx@aol.com</a>
</td>


<td rowspan=&quot;2&quot;>Last update: March 13, 2002 </td>


<td rowspan=&quot;2&quot;>xxxxxxxxxxxx</td>


<td rowspan=&quot;2&quot;>xxxxx</td>
</tr>
</table>
</center>
<table width=&quot;100%&quot; height=&quot;100%&quot; border=&quot;0&quot; cellspacing=&quot;0&quot; cellpadding=&quot;0&quot;>
<tr>
<td height=&quot;1%&quot;>
</body>
</html>

Thank you very much
 
Sort by date Sort by votes
Put the tables in an invisable table like this:
Code: 
<html>

<body bgcolor=&quot;#66CC99&quot;>
<h1 align = &quot;center&quot;>Xxxxxxx X. Xxxxxx</h1>

<h2 align = &quot;center&quot;>CIS257: Designing Internet Applications<br /> Using HTML
</h2>

<h3 align = &quot;center&quot;>Winter 2002</h3><br />

<hr noshade size=&quot;3&quot; width=&quot;75%&quot; />
<hr noshade size=&quot;3&quot; width=&quot;25%&quot; />
<p align = &quot;left&quot;><a href=&quot;[URL unfurl="true"]http://www.muskegon.cc.mi.us&quot;;>MCC[/URL] Web site</a><br />
</p>
<table width=&quot;100%&quot; border=&quot;0&quot; cellspacing=&quot;0&quot;>
  <tr> 
    <td width=&quot;44%&quot;> 
      <table
  bgcolor=&quot;#FFFF99&quot;
  border=1
  style=&quot;border-style: solid; font-family: serif; font-size: 10pt; font-weight: bold; border-width: 1px;&quot; width=&quot;427&quot;
  cellpadding=&quot;5&quot;
  cellspacing=&quot;5&quot;>
        <tr> 
          <td rowspan=&quot;10&quot;>Please send comments and questions to <a href=&quot;mailto:xxxxxxxx@aol.com&quot;>xxxxxxxxx@aol.com</a> 
          </td>
          <td rowspan=&quot;2&quot;>Last update: March 13, 2002 </td>
          <td rowspan=&quot;2&quot;>xxxxxxxxxxxx</td>
          <td rowspan=&quot;2&quot;>xxxxx</td>
        </tr>
      </table>
    </td>
    <td width=&quot;56%&quot;> 
      <table border = &quot;1&quot; cellpadding =&quot;5&quot; width=&quot;90%&quot;>
        <th rowspan = &quot;6&quot;>Homework Assignments:</th>
        <tr> 
          <td><a href=&quot;mainfamily.htm&quot;>Geneology Web site</a></td>
        </tr>
        <tr> 
          <td><a href=&quot;list.htm&quot;>List of Favorite Videos</a></td>
        </tr>
        <tr> 
          <td><a href=&quot;docstyle.htm&quot;>Document Level Stylesheets</a></td>
        </tr>
        <tr> 
          <td><a href=&quot;rev.htm&quot;><img src=&quot;adobe2.jpg&quot; 
                                  align=&quot;middle&quot; 
                                                   alt=&quot;Adobe Photoshop 6.0 review&quot; 
                                                   border=&quot;0&quot;></a></td>
        </tr>
      </table>
      </td>
  </tr>
  <tr> 
    <td colspan=&quot;2&quot; valign=&quot;top&quot;> 
      <table border = &quot;1&quot; align=&quot;left&quot; cellpadding=&quot;5&quot; width=&quot;39%&quot;>
        <tr> 
          <td><img src=&quot;myphoto.jpg&quot;
                alt=&quot;My Picture&quot; 
                height=&quot;200&quot; 
                width=&quot;200&quot; > </td>
        </tr>
        <caption align=&quot;top&quot; >Hello he I am and here are my computer specs:</caption>
        <tr> 
          <td>Processor: Intel Pentium III</td>
        </tr>
        <tr> 
          <td>Processor Speed (MHz): 799 MHz</td>
        </tr>
        <tr> 
          <td>Memory: 132.0 MB</td>
        </tr>
        <tr> 
          <td>Hard Disk Capacity: 2.15 GB</td>
        </tr>
        <tr> 
          <td>Modem Speed: 115 Baud</td>
        </tr>
        <tr> 
          <td>Floppy Drive Sizes: One 3.5&quot; Floppy Disk drive</td>
        </tr>
        <tr> 
          <td>CD-ROM Speed: 40x Speed</td>
        </tr>
        <tr> 
          <td>Sound Card: Sound Blaster Live</td>
        </tr>
        <tr> 
          <td>Word Processor: Notepad and Microsoft Word 2000</td>
        </tr>
        <tr> 
          <td>Internet Browser: Netscape</td>
        </tr>
        <tr> 
          <td>Internet Service Provider: America Online</td>
        </tr>
      </table>
    </td>
  </tr>
</table>
<p align = &quot;left&quot;>  </p>

<hr noshade size=&quot;3&quot; width=&quot;75%&quot;>
</body>
</html>
Or work with layers.......

HTH,

Quasibobo Don't eat yellow snow!
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

cae154
  • Locked
  • Question
Body of email not appearing in correct font on iPhone and iPad
Replies
1
Views
748
spamjim
spamjim
lmcate
  • Locked
  • Question
From HTML Page open an MDB files on the server and work
Replies
0
Views
193
lmcate
lmcate
lmcate
  • Locked
  • Question
Create a Expand/Collapse FAQ Accordion, Collapse other on Click 1
Replies
2
Views
688
Mike Lewis
Mike Lewis
PeDa
  • Locked
  • Question
Display table td's as block element on mobile phone 1
Replies
3
Views
867
spamjim
spamjim
waubain
  • Locked
  • Question
Prevent user from getting a 404 error if click on a hover text displaying a hidden image. 1
Replies
5
Views
219
jjgupta915
jjgupta915

Part and Inventory Search

Sponsor

Back
Top