SitePoint Sponsor

User Tag List

Results 1 to 14 of 14
  1. #1
    SitePoint Enthusiast _:FAL:_'s Avatar
    Join Date
    Jul 2007
    Location
    New York
    Posts
    44
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    I need help with tables...

    First off I suck at coding so bear with me. I'm trying to make a personal site that is organized with HTML tables. I basically have a main header table, then a body with a menu on the left and content on the right.

    Problem #1: Gap
    For some reason there is a 9px gap between the top of my top table and top of the browser. I want it to touch the top, what's wrong?

    Problem #2: Table Height/Footer
    I'm going to have a small 20px or so footer with the copywrite. I want this to always be on the bottom of course and have the menu and body tables automatically extend to the top of the footer. What would be the best way of doing this?

  2. #2
    SitePoint Evangelist TommiChi's Avatar
    Join Date
    Oct 2008
    Posts
    440
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    1. If you position your table absolutely and style it with "top:0px", that should do the trick
    2. The very last row of your table should be the footer. With the colspan property you should be able to make that field span across the entire bottom (if you have 3 colums in your table, then colspan=3....)

  3. #3
    Design Your Site Team bronze trophy Erik J's Avatar
    Join Date
    May 2007
    Location
    Countryside, Sweden
    Posts
    3,407
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Problem #1: Gap
    That gap would be the default padding/margin applied on the body depending of the browser.

    Reset with:

    Code:
    html,
    body {
        margin: 0;
        padding: 0;
    }
    Happy ADD/ADHD with Asperger's

  4. #4
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,782
    Mentioned
    16 Post(s)
    Tagged
    0 Thread(s)
    Hi

    If you want to reset ALL margins/paddings for every element (including forms) then do
    *{margin:0;padding:0;}.

    As for the footer, why not just have a row for that and set the height for 20px?

    Cheers.
    Last edited by RyanReese; Feb 1, 2009 at 19:01.
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  5. #5
    SQL Consultant gold trophysilver trophybronze trophy
    r937's Avatar
    Join Date
    Jul 2002
    Location
    Toronto, Canada
    Posts
    39,347
    Mentioned
    63 Post(s)
    Tagged
    3 Thread(s)
    Quote Originally Posted by RyanReese View Post
    You can't put them back on once you remove them so be careful.
    are you sure?

    * {margin:0;padding:0;}
    input { margin:1em;padding:1em; }
    rudy.ca | @rudydotca
    Buy my SitePoint book: Simply SQL
    "giving out my real stuffs"

  6. #6
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,782
    Mentioned
    16 Post(s)
    Tagged
    0 Thread(s)
    I think I'm thinking about the wrong thing right now. Ignore that.
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  7. #7
    SQL Consultant gold trophysilver trophybronze trophy
    r937's Avatar
    Join Date
    Jul 2002
    Location
    Toronto, Canada
    Posts
    39,347
    Mentioned
    63 Post(s)
    Tagged
    3 Thread(s)
    please don't go back and edit out stuff you said that somebody replies to

    besides, it's still there for everybody to see in the quote in my post, so there's not much point


    rudy.ca | @rudydotca
    Buy my SitePoint book: Simply SQL
    "giving out my real stuffs"

  8. #8
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,782
    Mentioned
    16 Post(s)
    Tagged
    0 Thread(s)
    I acknowledged I posted it so I see no reason why I can't go back and edit my posts.
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  9. #9
    SQL Consultant gold trophysilver trophybronze trophy
    r937's Avatar
    Join Date
    Jul 2002
    Location
    Toronto, Canada
    Posts
    39,347
    Mentioned
    63 Post(s)
    Tagged
    3 Thread(s)
    Quote Originally Posted by RyanReese View Post
    I see no reason why I can't go back and edit my posts.
    there is a reason, a good reason -- it just isn't done

    no, it's not specifically prohibited by our FAQ, and yes, the edit facility is available

    but it's just not cricket, old man, especially after someone quotes you

    after that, you can't unsay it, so it becomes unseemly to try to cover your tracks

    the time spent editing is better spent planning what you post before you post it

    rudy.ca | @rudydotca
    Buy my SitePoint book: Simply SQL
    "giving out my real stuffs"

  10. #10
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,782
    Mentioned
    16 Post(s)
    Tagged
    0 Thread(s)
    Quote Originally Posted by r937
    the time spend editing is better spent planning what you post before you post it
    Same to you. You know that I can edit posts and you know that by you quoting me I can't cover my tracks so I see no reason why you even brought this up in the first place.
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  11. #11
    SQL Consultant gold trophysilver trophybronze trophy
    r937's Avatar
    Join Date
    Jul 2002
    Location
    Toronto, Canada
    Posts
    39,347
    Mentioned
    63 Post(s)
    Tagged
    3 Thread(s)
    Quote Originally Posted by RyanReese View Post
    ...I see no reason why you even brought this up in the first place.
    i brought it up to straighten you out
    rudy.ca | @rudydotca
    Buy my SitePoint book: Simply SQL
    "giving out my real stuffs"

  12. #12
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,782
    Mentioned
    16 Post(s)
    Tagged
    0 Thread(s)
    Which wasn't necessary as I was already like an unmessed with border.
    Always looking for web design/development work.
    http://www.CodeFundamentals.com

  13. #13
    SQL Consultant gold trophysilver trophybronze trophy
    r937's Avatar
    Join Date
    Jul 2002
    Location
    Toronto, Canada
    Posts
    39,347
    Mentioned
    63 Post(s)
    Tagged
    3 Thread(s)
    .ryanreese { border:0 }

    rudy.ca | @rudydotca
    Buy my SitePoint book: Simply SQL
    "giving out my real stuffs"

  14. #14
    billycundiff{float:left;} silver trophybronze trophy RyanReese's Avatar
    Join Date
    Oct 2008
    Location
    Whiteford, Maryland, United States
    Posts
    13,782
    Mentioned
    16 Post(s)
    Tagged
    0 Thread(s)
    .ryanreese{border:1px solid black !important;}
    Always looking for web design/development work.
    http://www.CodeFundamentals.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
  •