Tables

Discussion in 'Web Design and Development' started by prechrchet, Mar 30, 2006.

  1. prechrchet macrumors regular

    Joined:
    Mar 5, 2002
    #1
    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
     
  2. mooty macrumors regular

    Joined:
    Mar 7, 2006
    Location:
    UK
    #2
    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..
     
  3. Mitthrawnuruodo Moderator emeritus

    Mitthrawnuruodo

    Joined:
    Mar 10, 2004
    Location:
    Bergen, Norway
    #3
    Basically tables aren't the preferred method for making design...

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

    PHP:
    <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 posttravel 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...?
     
  4. prechrchet thread starter macrumors regular

    Joined:
    Mar 5, 2002
    #4
    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
     
  5. Mitthrawnuruodo Moderator emeritus

    Mitthrawnuruodo

    Joined:
    Mar 10, 2004
    Location:
    Bergen, Norway
    #5
    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...
     
  6. NoNameBrand macrumors 6502

    Joined:
    Nov 17, 2005
    Location:
    Halifax, Canada
    #6
    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.
     
  7. prechrchet thread starter macrumors regular

    Joined:
    Mar 5, 2002
    #7
    Thank you!

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


    Prechrchet
     
  8. Mitthrawnuruodo Moderator emeritus

    Mitthrawnuruodo

    Joined:
    Mar 10, 2004
    Location:
    Bergen, Norway
    #8
    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...

    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... :)
     

Share This Page