Results 1 to 9 of 9
  1. #1
    Star Lounger
    Join Date
    Sep 2003
    Location
    Texas, USA
    Posts
    98
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Basic HTML - table setup

    I have a simple table at http://www.geocities.com/adysin.geo/...r-lineage.html that I cannot get to cooperate.

    I am trying to set up a horizontal line from which extend down vertical lines to the offspring of the couple at the top. There is a blank line between the horizontal and vertical lines. Also, I cannot get the horizontal line to be long enough to cover all eleven offspring.

    I appreciate any help offered! Thank you!
    Attached Files Attached Files

  2. #2
    Super Moderator jscher2000's Avatar
    Join Date
    Feb 2001
    Location
    Silicon Valley, USA
    Posts
    23,112
    Thanks
    5
    Thanked 93 Times in 89 Posts

    Re: Basic HTML - table setup

    First, you have a cellpadding of 10, meaning that the contents of each cell should be separated from its (invisible) borders by 10 pixels (or whatever unit cellpadding uses by default). You also are not overriding the default cellspacing (space between cells). So you can tighten up your table immediately by changing the first line to this:

    <table cellpadding="0" cellspacing="0">

    The remaining space is the natural space in the font itself. Most characters don't go all the way to the end of the "box" in which characters are drawn, because there needs to be room for "descenders" and so forth. Using typed characters, I think there always will be some space. To work around that you can so some complicated things with cell borders or line drawing languages, but the simplest approach probably is to use a graphics package to create tiny line GIFs so that you can replace the typed characters with lines that use the full vertical space you want. A bit trickier to efficiently draw that horizontal line with no white space above or below it... that might be better done as a bottom border on that cell (CSS can do that).

    I have attached an example where I've started to use the power of CSS. For example, rather that remove all cellpadding, you can remove it just in the vertical direction (top and bottom) while keeping it in the horizontal direction (right and left). Also, all text in the table is centered, so that the lines for individual names are more attractively placed.

    Hope this helps.
    Attached Files Attached Files

  3. #3
    Star Lounger
    Join Date
    Sep 2003
    Location
    Texas, USA
    Posts
    98
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Basic HTML - table setup

    Do I have my work cut out for me!! Thank you!

  4. #4
    Platinum Lounger
    Join Date
    Feb 2002
    Location
    A Magic Forest in Deepest, Darkest Kent
    Posts
    5,681
    Thanks
    0
    Thanked 1 Time in 1 Post

    Re: Basic HTML - table setup

    Hi there

    I am aware that this is quite an old post now but I have just noticed it and thought I would give my <img src=/S/2cents.gif border=0 alt=2cents width=15 height=15> worth. I slightly disagree with Jeff (sorry Jeff <img src=/S/grin.gif border=0 alt=grin width=15 height=15>)on this one as with the implementation of XHTML, I totally disagree in the use of padding images.

    For this type of work it is best to use CSS as you have more control over the outcome and you will find it easier to change the format much more easily.

    I have attached a zip file which contains a folder with a basic HTML page and an attached CSS file which shows how to create a horizontal line for the bottom of a cell and how to create a vertical line. I made a basic family tree but you can easily manipulate this for your version...hope it helps and I am not too late.
    Jerry

  5. #5
    Star Lounger
    Join Date
    Sep 2003
    Location
    Texas, USA
    Posts
    98
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Basic HTML - table setup

    It's never too late for help! :-) I could not, however, open the attachment. :-(((

  6. #6
    Platinum Lounger
    Join Date
    Feb 2002
    Location
    A Magic Forest in Deepest, Darkest Kent
    Posts
    5,681
    Thanks
    0
    Thanked 1 Time in 1 Post

    Re: Basic HTML - table setup

    It is a zip file. Right hand mouse click, and save to your desktop and extract from there!

    Here is a screen shot of what I have... If your HTML is not too hot, I am happy to recreate your Geocities page for you...the offer is there
    Jerry

  7. #7
    Star Lounger
    Join Date
    Sep 2003
    Location
    Texas, USA
    Posts
    98
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Re: Basic HTML - table setup

    Thank you for your help. I do appreciate it.

  8. #8
    Super Moderator jscher2000's Avatar
    Join Date
    Feb 2001
    Location
    Silicon Valley, USA
    Posts
    23,112
    Thanks
    5
    Thanked 93 Times in 89 Posts

    Re: Basic HTML - table setup

    For the record, I did not suggesting using padding images, also known as spacer GIFs, and agree that it is an obsolete practice. <img src=/S/smile.gif border=0 alt=smile width=15 height=15>

  9. #9
    Platinum Lounger
    Join Date
    Feb 2002
    Location
    A Magic Forest in Deepest, Darkest Kent
    Posts
    5,681
    Thanks
    0
    Thanked 1 Time in 1 Post

    Re: Basic HTML - table setup

    That is noted sir <img src=/S/gent.gif border=0 alt=gent width=17 height=25>. Maybe I used the wrong terminology in this context, my apologies.
    Jerry

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •