SitePoint Sponsor

User Tag List

Results 1 to 8 of 8
  1. #1
    ********* Addict
    Join Date
    Jan 2000
    Location
    New York
    Posts
    208
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hello, everyone.
    I know that this is an old problem and I should be able to find an answer if I'll search through the web, but I'm very short on time, and so far this forum is one of the fastest and most helpful there are.

    Anyway, I'm doing a page for a Teen Center. Here's an example http://echodev.com/ShoreFront/3.htm
    I know it takes a while for the images to load, but this is only a draft...
    Anyway, my problem is that I can't align the Body to the Head parts... right now there is a space between them. Could someone help me?
    Any fast advice is appreciated.
    Thanks for reading this
    Boris

    ------------------

  2. #2
    SitePoint Member
    Join Date
    Jan 2000
    Location
    New York, NY, USA
    Posts
    1
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm not exactly sure why it is doing that. I have a similar code in many places on my site, and I don't have any problems.

    Why don't you use one table instead of one? This will definitely fix it.

    By the way, I used to go to Shorefront for tennis practice a few years ago.

    ------------------
    Eugene Grinberg
    InterProSolution.com - Complete Internet Promotion Solution
    http://www.interprosolution.com

  3. #3
    ********* Addict
    Join Date
    Jan 2000
    Location
    New York
    Posts
    208
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Well... when using one table I got even more problems...
    I'll see if anyone else will reply. If not, I'll try it with one...
    Boris
    p.s. This site is for the Teen Center in Shorefront. Do you have any suggestions or anything else?

    ------------------

  4. #4
    SitePoint Enthusiast sawz's Avatar
    Join Date
    Aug 1999
    Posts
    76
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I placed cellpadding and cellspacing tags into your table tags with a value of 0.

    It brought your stuff closer together but didn't quite close it up.

  5. #5
    SitePoint Enthusiast
    Join Date
    Aug 1999
    Posts
    31
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Still don't quite understand the problem, are you talking about the white space between the top table and the larger main table? Or when you resize the windows smaller and the main table becomes jumbled?

    Or is it when in larger resolution, the header table is not centered with the main?
    just add <center> ... </center> between the header table to fix that.

    for smaller table you can create another row before the contents in the main table which contains 1x1 transparent pixel gif, and specify their width to the minimum width you wish for the main table. This would restrict the percentage factor when the window is smaller (ie, about 640 pixel width). And when the window is larger, the set widths won't matter as the percentage factors take over.

    If you can't figure it out, then I'll post some sample code later (or someone who has the time can).


  6. #6
    ********* Addict
    Join Date
    Jan 2000
    Location
    New York
    Posts
    208
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    I'm talking about the space between the top (small) table and the main table. I want them to blend into one...
    Boris

  7. #7
    Destiny Manager Plebius's Avatar
    Join Date
    Nov 1999
    Posts
    682
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    If you chop the white space off the top of side.jpg there won't be so much space there.
    That's the main reason there is so much space. if that doesn't work, try this:

    <table width="85%" border="0" cellpadding=0 cellspacing=0 align="center">
    <tr>
    <td>
    <img align=right src="images/top.gif" width="604" height="78">
    </td>
    </tr>
    <tr>
    <td>
    <img align=right src="images/welcome.gif" width="604" height="21">
    </td>
    </tr>
    <tr>
    <td>
    <img src="images/side.jpg" width="133" height=422" align=left>
    <table cellpadding=2 width=79%>
    <tr>
    <td valign=top>
    <p><img src="images/happening.jpg" width="170" height="30"><font face="Verdana, Arial, Helvetica, sans-serif" size="2"><font color="#003399">This
    is filler text. It is used to help you, the viewer, to visualize what
    the page will look like once filled with text. Once this message is finished
    it will be repeated. This is filler text. It is used to help you, the
    viewer, to visualize what the page will look like once filled with text.
    </font></font></p>
    <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#003399">Once
    this message is finished it will be repeated.This is filler text. It is
    used to help you, the viewer, to visualize what the page will look like
    once filled with text. Once this message is finished it will be repeated.</font></p>
    <p><img src="images/coming.jpg" width="170" height="30" align="right"><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#003399">This
    is filler text. It is used to help you, the viewer, visualize what the
    page will look like once filled with text. Once this message is finished
    it will be repeated. This is filler text. It is used to help you, the
    viewer, to visualize what the page will look like once filled with text.
    </font></p>
    <p><font face="Verdana, Arial, Helvetica, sans-serif" size="2" color="#003399">Once
    this message is finished it will be repeated.This is filler text. It is
    used to help you, the viewer, to visualize what the page will look like
    once filled with text. Once this message is finished it will be repeated.</font></p>
    </td>
    <td bgcolor="#005C9F" valign="top">
    <p><img src="images/updates.jpg" width="111" height="19"><br>
    </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p> </p>
    <p><img src="images/newsletter.jpg" width="111" height="19"></p>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>



    ------------------
    "Freedom of the press is limited to those who own one." -A.J. Liebling
    You DO own one. the plebius press


  8. #8
    SitePoint Enthusiast
    Join Date
    Mar 2000
    Posts
    25
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Hi,

    I viewed your code and found that your didn't use CELLPADDING=0 CELLSPACING=0 between the second and third TABLE

    Change it to:
    <div align="left"><font color="#FFFFFF"><b></b></font> </div>
    <table width="604" border="0" CELLPADDING=0 CELLSPACING=0 height="190" align="center">

    It should come closer.

    Hope this helps.

    NSS


    ------------------
    http://unitronics.com


Bookmarks

Posting Permissions

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