Tables

[prechrchet]

I have a problem that I am hoping somone here can help me out with...

On this page...
http://www.adoptionvoyages.com/ourservices.html

I have two tables sitting right next to each other. In Dreamweaver 8 and in Safari, they look one way, but when I pull up Virtual PC XP (7.02), they look very very different (basically, the proportions are different).

Any idea what I am doing wrong? Any idea how to fix this?

Thanks,
Prechrchet

 

[mooty]

instead of putting the two tables in one cell, put them in two seperate cells:

<table>
<TR>
<TD><TABLE 1></TD>
<TD><TABLE 2></TD>
</TR>
</table>

make sure their heights are always 100% too..

 

[Mitthrawnuruodo]

Basically tables aren't the preferred method for making design...

But if you want the two tables just alike, try making them into one:

<table style="border-spacing: 0; text-align: center;">
  <tr>
    <td>Packages</td>
    <td> </td>
    <td colspace="2">Accessories</td>
  </tr>
  <tr>
    <td>Basic Package ($100)<br/>(3 months post- travel hosting)</td>
    <td> </td>
    <td>Extra month of hosting</td>
    <td>$30 each</td>
  </tr>
  <tr>
    <td>etc</td>
    <td> </td>
    <td>etc</td>
    <td>etc</td>
  </tr>
  <tr>
    <td>etc</td>
    <td> </td>
    <td>etc</td>
    <td>etc</td>
  </tr>
</table>

...then just adjust which parts that should get a border...

The height property is not widely supported.

Edit: Hmmm... why has the html-tag suddenly stopped working...?

 

[prechrchet]

...then just adjust which parts that should get a border...

This is something I tried earlier, but couldn't figure out how to specify which cells have borders and which ones don't. Am I missing something? (Knowing me, it's probably pretty obvious.)

Thanks,
prechrchet

 

[Mitthrawnuruodo]

Each <td> can have it's own border. And you can specify, just like in e.g. Excel, that a cell only have border-top, border-left, border-right and/or border-bottom by setting the style for it, e.g. <td style="border-left: 1px solid black;"> or <td style="border-left: 1px solid black; border-top: 1px solid black; border-bottom: 1px solid black;">.

These things are actually easier to do in Dreamweaver, where you can just mark a set of cells and set border properties for those...

 

[NoNameBrand]

Basically tables aren't the preferred method for making design...

Tables are perfectly appropriate for tabular data, which the original poster was asking about, I think, though that page uses table-based layout (vintage 2000 stuff) for everything, so it's hard to know for sure.

 

[prechrchet]

Thank you!

I have it fixed now. Thanks for everyone's help!


Prechrchet

 

[Mitthrawnuruodo]

Good to hear you found a solution, prechrchet.

Maybe you should take out the border-bottom in all but the bottom cells, but apart from that it seems fine...

Tables are perfectly appropriate for tabular data, which the original poster was asking about, I think, though that page uses table-based layout (vintage 2000 stuff) for everything, so it's hard to know for sure.

Just because the OP had the data in tables already doesn't mean that's the best way to do it...

Also, I tried to outline a possible solution that used table(s), right? Without the usual long rant about the superiority of divs and css.

Much on my own (ageing) is still based on tables o), so I'm familiar with it's strength and weaknesses...