Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3

Thread: Tabling a Menu

  1. #1
    New to the CF scene
    Join Date
    Dec 2006
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Tabling a Menu

    I am designing a website and ended up using tables for the top menu. Sinful, I know, but CSS was a pain and didn't work properly. To check out what I"m talking about, I've uploaded an example here:

    http://webspace.utexas.edu/dai66/test.html

    And the CSS is here:

    http://webspace.utexas.edu/dai66/css/basic.css

    The table is equipped with a middle cell that expands to fill the broser window (try resizing the window to see). Now my only problem is that while this works, there is an annoying "border" or "margin" around the edges of the table that I cannot get rid of! The lines ought to look like they extend off the page, but they are cut off.

    How do I get rid of the border? I've tried placing the table inside a div, and I've tried messing with negative margins, but the latter is inconsistently implemented between FireFox and IE 6, and it also leaves one side with an extra margin (since the table is set to 100% width... which is apparently less than the containing browser window?). Help!

  • #2
    New Coder
    Join Date
    May 2005
    Posts
    78
    Thanks
    3
    Thanked 0 Times in 0 Posts
    I think you're talking about the little white space around your table. In the body part, just add "margin: 0". So:

    Code:
    body { background-color: White; margin: 0}
    If you plan to add anything else to the page, you might want to contain the new stuff inside another div, and give that div a margin of 8px, because if you don't, the text and/or images will be touching the sides and will look weird.

  • #3
    New to the CF scene
    Join Date
    Dec 2006
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts
    How blindingly obvious. Thank you.


  •  

    Posting Permissions

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