SitePoint Sponsor

User Tag List

Results 1 to 15 of 15
  1. #1
    Former Staff Member silver trophy Adam P.'s Avatar
    Join Date
    Apr 2001
    Location
    San Francisco
    Posts
    3,288
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    PLEASE PLEASE PLEASE check the code, it's short

    O.k., I am still working on the site I previously mentioned in a thread.

    There's 2:
    www.geocities.com/adampolselli/tips.html
    AND
    www.geocities.com/adampolselli/indextable.html

    Here's the story:

    I was working on "tips.html" when I noticed that one of the nested tables had two other tables nested in it that didn't have to be there. I changed the code so that it was just one nested table with rows and cells. When I checked the page it was all mess up though. So I saved the messed up one as "indextable.html". Please have a look at both of the codes.

    I went over it tons of times and couldn't figure out why the nested table in "indextable.html" didn't work.

    Thanks! I will appreciate any answers so so much!
    SPF Mentor/Advisor 2001-2003
    SPF Designer of the Year 2002
    SPF Graphic Designer of the Year 2003
    AdamPolselli.com

  2. #2
    SitePoint Wizard Aes's Avatar
    Join Date
    Jun 2001
    Location
    Oklahoma
    Posts
    3,392
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Welp -- here's the problem! You simply neglected to add another colspan tag:
    Code:
    <table bgcolor="#FFFFFF" width="100%" cellpadding="0" cellspacing="0">
    <tr>
    <td><img src="images/bannerL.gif" width="455" height="89"></td>
    <td align="right"><img src="images/bannerR.gif" width="260" height="89"></td>
    </tr>
    </table>
    
    <table bgcolor="#006699" width="715" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td width="715" height="30" colspan="5">&nbsp;</td>
    </tr>
    
    <tr>
    <td width="30">&nbsp;</td>
    <td width="196">
    <table bgcolor="#006699" width="196" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td>
    <table width="196" border="0" cellpadding="0" cellspacing="0">
    <tr><td width="196" colspan="3"><img src="images/toc_header.gif" width="196"
     height="36" alt="Table of Contents"></td>
    </tr>
    
    <tr>
    <td bgcolor="#FF6600" width="8" height="200" valign="top">&nbsp;</td>
    <td bgcolor="#FFFFFF" width="180" height="200" valign="top">&nbsp;</td>
    <td bgcolor="#FF6600" width="8" height="200" valign="top">&nbsp;</td>
    </tr>
    
    <tr>
    <td colspan="3"><img src="images/sidebar_bottom.gif" width="196" height="32" 
    alt="Table of Contents bottom"></td>
    </tr>
    
    <tr>
    <td width="196" colspan="3" height="30">&nbsp;</td>
    </tr>
    
    <tr>
    <td width="196" colspan="3"><img src="images/links_header.gif" width="196" 
    height="36" alt="Links"></td>
    </tr>
    
    <tr>
    <td bgcolor="#FF6600" width="8" height="200" valign="top">&nbsp;</td>
    <td bgcolor="#FFFFFF" width="180" height="200" valign="top">&nbsp;</td>
    <td bgcolor="#FF6600" width="8" height="200" valign="top">&nbsp;</td>
    </tr>
    
    <tr>
    <td colspan="3"><img src="images/sidebar_bottom.gif" width="196" height="32" 
    alt="Links bottom"></td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    Try that out.
    Colin Anderson
    Ambition is a poor excuse for those without
    sense enough to be lazy.

  3. #3
    Former Staff Member silver trophy Adam P.'s Avatar
    Join Date
    Apr 2001
    Location
    San Francisco
    Posts
    3,288
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    AES IS A GENIUS! haha

    thanks soo much. you saved me so much frustration! I seriously was going crazy looking for the problem.

    but, seriously, thanks so much. i owe you.

    BTW, you're quite the HTML expert, you found my other problem too.
    SPF Mentor/Advisor 2001-2003
    SPF Designer of the Year 2002
    SPF Graphic Designer of the Year 2003
    AdamPolselli.com

  4. #4
    SitePoint Wizard Aes's Avatar
    Join Date
    Jun 2001
    Location
    Oklahoma
    Posts
    3,392
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Haha, thank you; but you're probably giving me too much praise and credit. I seriously doubt I'm an HTML expert -- I have to go back and look at the documentation often times because I forget what tag does what....
    Colin Anderson
    Ambition is a poor excuse for those without
    sense enough to be lazy.

  5. #5
    Former Staff Member silver trophy Adam P.'s Avatar
    Join Date
    Apr 2001
    Location
    San Francisco
    Posts
    3,288
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    whatever, you found the mistakes
    SPF Mentor/Advisor 2001-2003
    SPF Designer of the Year 2002
    SPF Graphic Designer of the Year 2003
    AdamPolselli.com

  6. #6
    SitePoint Wizard Aes's Avatar
    Join Date
    Jun 2001
    Location
    Oklahoma
    Posts
    3,392
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Yah -- that's the most important thing. Remember though, I want to see the site when you're finished with it!
    Colin Anderson
    Ambition is a poor excuse for those without
    sense enough to be lazy.

  7. #7
    Former Staff Member silver trophy Adam P.'s Avatar
    Join Date
    Apr 2001
    Location
    San Francisco
    Posts
    3,288
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Of course you can see it! Maybe you'll even use it, (I doubt it).

    SHOOT! another problem, hopefully the last one

    www.geocities.com/adampolselli/tips.html

    Why isn't the 30px gap between the sidebars and the content area? I have it in the code. There must be something wrong with my code again.

    Help!

    EDIT:
    I just typed a word in place of the "& nbsp;" and the cell went to a width of 30. I don't know why it doesn't work with the "& nbsp;". That worked with the other cells.

    Anyways, I just added a spacer gif.

    But still, why wouldn't it work?
    Last edited by Adam P.; Jul 22, 2001 at 15:43.
    SPF Mentor/Advisor 2001-2003
    SPF Designer of the Year 2002
    SPF Graphic Designer of the Year 2003
    AdamPolselli.com

  8. #8
    SitePoint Wizard Aes's Avatar
    Join Date
    Jun 2001
    Location
    Oklahoma
    Posts
    3,392
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Whew, swimm, this one took me a while. You just keep 'em coming, don't you. =) Your table widths were wrong -- that's all. I replaced width="196" in the cell and table tag with width="675". Use this code (it's bolded and red where you had the wrong widths:
    Code:
    <table bgcolor="#006699" width="715" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td width="715" height="30" colspan="5">&nbsp;</td>
    </tr>
    <tr>
    
    <td width="30">&nbsp;</td>
    
    <td width="675">
    <table bgcolor="#006699" width="675" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td>
    <table width="196" border="0" cellpadding="0" cellspacing="0">
    <tr><td width="196" colspan="3"><img src="images/toc_header.gif" width="196" height="36" alt="Table of Contents"></td>
    </tr>
    
    <tr>
    <td bgcolor="#FF6600" width="8" height="200" valign="top">&nbsp;</td>
    <td bgcolor="#FFFFFF" width="180" height="200" valign="top">&nbsp;</td>
    <td bgcolor="#FF6600" width="8" height="200" valign="top">&nbsp;</td>
    </tr>
    
    <tr>
    <td colspan="3"><img src="images/sidebar_bottom.gif" width="196" height="32" alt="Table of Contents bottom"></td>
    </tr>
    	
    <tr>
    <td width="196" height="30" colspan="3">&nbsp;</td>
    </tr>
    
    <tr>
    <td width="196" colspan="3"><img src="images/links_header.gif" width="196" height="36" alt="Links"></td>
    </tr>
    
    <tr>
    <td bgcolor="#FF6600" width="8" height="200" valign="top">&nbsp;</td>
    <td bgcolor="#FFFFFF" width="180" height="200" valign="top">&nbsp;</td>
    <td bgcolor="#FF6600" width="8" height="200" valign="top">&nbsp;</td>
    </tr>
    
    <tr>
    <td colspan="3"><img src="images/sidebar_bottom.gif" width="196" height="32" alt="Links bottom"></td>
    </tr>
    </table>
    </td>
    
    <td width="30" valign="top">&nbsp;</td>
    
    <td width="449" valign="top">
    <table bgcolor="#FFFFFF" width="449" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td width="30"><img src="images/tl.gif" width="30" height="30" alt="top left"></td>
    <td width="389" height="30">&nbsp;</td>
    <td width="30"><img src="images/tr.gif" width="30" height="30" alt="top left"></td>
    </tr>
    	
    <tr>
    <td width="30">&nbsp;</td>
    <td width="389">
    <p><b>Welcome</b> to "Tips, Tricks, Tutorial for NEWBIES". Use the links at the left to navigate through the tips, tricks, 
    and tutorials that I have to offer. Use the links to go to great web design and 
    code sites that I've come across as a NEWBIE.
    <br><br>
    <b>About This Website</b>
    <br>
    My name is Adam Polselli. I design, run, and manage "Tips, Tricks, Tutorials for NEWBIES". I began 
    web design about four months ago. In the past months I've learned so much. 
    I decided to take note of every helpful tip, cool trick, and good tutorial I came across. Each time I came 
    across one of the 3 "T"s that I wanted to remember, I typed 
    it into a WORD document. The document kept on growing as 
    I added more of the 3 "T"s. Finally I came up 
    with the idea to publish my document into a website. Here it is!
    <br><br>
    <b>How to Use This Website</b>
    <br>
    First you will see the name of the tip/trick/or tutorial. Following the name is the code, which can be copied and pasted into your 
    HTML document for your use. The code that is in <b>bold</b> is the part of the code that you 
    change to conform to your webpage/site. Following the code will be a brief run-down of what some of the 
    code means. Therefore, you not only copy and paste, but you also learn <i>why</i> it works. I will also 
    try and provide an example for each
    tip/trick/tutorial. Enjoy!
    </td>
    <td width="30">&nbsp;</td>
    </tr>
    	
    <tr>
    <td width="30"><img src="images/bl.gif" width="30" height="30" alt="top left"></td>
    <td width="389" height="30">&nbsp;</td>
    <td width="30"><img src="images/br.gif" width="30" height="30" alt="top left"></td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    </table>
    Try that jobber out!
    Last edited by Aes; Jul 22, 2001 at 15:51.
    Colin Anderson
    Ambition is a poor excuse for those without
    sense enough to be lazy.

  9. #9
    SitePoint Wizard Aes's Avatar
    Join Date
    Jun 2001
    Location
    Oklahoma
    Posts
    3,392
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    You snuck one in before I was finished. The same thing happened to be, but the I discovered it's still wrong. It only went the width of the word. Because if you look at your code, you have the width of a cell and a table set to 196 pixels when inside those it contains objects that total 675 pixels in width -- and we both know that you cannot put a 675 pixel width inside of a 196 pixel width. Defies the laws of physics (and in this case HTML).
    Last edited by Aes; Jul 22, 2001 at 15:53.
    Colin Anderson
    Ambition is a poor excuse for those without
    sense enough to be lazy.

  10. #10
    Former Staff Member silver trophy Adam P.'s Avatar
    Join Date
    Apr 2001
    Location
    San Francisco
    Posts
    3,288
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    yeah! it worked.

    But I don't understand this one.

    Why 675???

    I don't get where that number comes from.
    SPF Mentor/Advisor 2001-2003
    SPF Designer of the Year 2002
    SPF Graphic Designer of the Year 2003
    AdamPolselli.com

  11. #11
    SitePoint Wizard Aes's Avatar
    Join Date
    Jun 2001
    Location
    Oklahoma
    Posts
    3,392
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Because:
    196 (first tables [contents and links])
    +
    30 (space you wanted between those and content)
    +
    449 (content)
    =
    675.
    Colin Anderson
    Ambition is a poor excuse for those without
    sense enough to be lazy.

  12. #12
    Former Staff Member silver trophy Adam P.'s Avatar
    Join Date
    Apr 2001
    Location
    San Francisco
    Posts
    3,288
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    hmmmmmmmm....

    I'm not understanding this. I have a little layout drawing in front of me, and what you said doesn't make any sense with it. I must have written code wrong somewhere.

    ::reading over code (aaagain)::

    Found it, something was wrong in the first nested table. I fixed it.

    Tell me if it's looking right for you with the widths set to "196"

    www.geocities.com/adampolselli/tips.html
    SPF Mentor/Advisor 2001-2003
    SPF Designer of the Year 2002
    SPF Graphic Designer of the Year 2003
    AdamPolselli.com

  13. #13
    SitePoint Wizard Aes's Avatar
    Join Date
    Jun 2001
    Location
    Oklahoma
    Posts
    3,392
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Okay, looks good. I guess w/o the first nested table I had to change the widths for it to work. But it looks good now. I see what you did. Good job. =)
    Colin Anderson
    Ambition is a poor excuse for those without
    sense enough to be lazy.

  14. #14
    Former Staff Member silver trophy Adam P.'s Avatar
    Join Date
    Apr 2001
    Location
    San Francisco
    Posts
    3,288
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thanks for all your help, Aes.

    Who knows what my page would like right now without all your help!

    thanks again!
    SPF Mentor/Advisor 2001-2003
    SPF Designer of the Year 2002
    SPF Graphic Designer of the Year 2003
    AdamPolselli.com

  15. #15
    SitePoint Wizard Aes's Avatar
    Join Date
    Jun 2001
    Location
    Oklahoma
    Posts
    3,392
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    No problemo amigo. It's what I live for! ::cough::
    Colin Anderson
    Ambition is a poor excuse for those without
    sense enough to be lazy.


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
  •