Results 1 to 6 of 6

Thread: Spacing issue

  1. #1
    Join Date
    Mar 2005
    Posts
    110
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Default Spacing issue

    I've gone through the code over and over and cannot find the culprit for why there is extra spacing on this site! http://www.downtowndebauchery.com

    Any help is appreciated as always

  2. #2
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    1,935
    Thanks
    16
    Thanked 303 Times in 302 Posts
    Blog Entries
    11

    Default

    Which spacing are you referring too?

    You could also use a global reset as a starting point and then tackle each element in turn after that? Try putting this at the top of your CSS
    Code:
    * { margin:0; padding:0; }
    Focus on Function Web Design | Latest News RSS | Facebook | Twitter |
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps |
    The only limit to creativity is imagination: JemCon.org

  3. #3
    Join Date
    Mar 2005
    Posts
    110
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Default

    There is horizontal spacing above and below the row of links toward the top, under the main rotating banner in the middle, and at the bottom of the table also. You can see the grey textured background coming through the spaces

  4. #4
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    1,935
    Thanks
    16
    Thanked 303 Times in 302 Posts
    Blog Entries
    11

    Default

    The page is too large for my iphone to view - its getting totally overwhelmed with whatever its trying to download which I'm guessing is due to several large images? That's a separate matter you should address (make sure you optimise them for the web) but with the structural spacing thing, I believe that's down to the table. Different browsers render cellspacing and cellpadding differently, and they'll insert their own if nothing is specified, so you'd need to set them explicitly in the table tag like this;
    Code:
    <table border="0" cellpadding="0" cellspacing="0">
    Setting them all to 0 will collapse all the cells so there are no gaps between.
    Focus on Function Web Design | Latest News RSS | Facebook | Twitter |
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps |
    The only limit to creativity is imagination: JemCon.org

  5. #5
    Join Date
    Mar 2005
    Posts
    110
    Thanks
    4
    Thanked 0 Times in 0 Posts

    Default

    those items have already been specified in the table tag

  6. #6
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    1,935
    Thanks
    16
    Thanked 303 Times in 302 Posts
    Blog Entries
    11

    Default

    There appear to be 3 tables. 2 of them don't have spacing or padding defined. Try doing it on them all and also try the global reset that I posted earlier.
    Focus on Function Web Design | Latest News RSS | Facebook | Twitter |
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps |
    The only limit to creativity is imagination: JemCon.org

Similar Threads

  1. Spacing Issue in IE
    By ikon in forum HTML
    Replies: 1
    Last Post: 06-09-2012, 06:02 AM
  2. Replies: 4
    Last Post: 03-09-2011, 02:16 AM
  3. IE Spacing Issue!
    By ikon in forum HTML
    Replies: 5
    Last Post: 11-17-2010, 03:54 PM
  4. Resolved Cell Spacing Issue
    By onestopplay in forum HTML
    Replies: 2
    Last Post: 05-23-2010, 11:21 AM
  5. Minor Spacing Issue..
    By ikon in forum HTML
    Replies: 11
    Last Post: 10-03-2005, 07:38 AM

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
  •