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.
Page 1 of 2 12 LastLast
Results 1 to 15 of 17

Thread: Space Problem

  1. #1
    Regular Coder
    Join Date
    May 2004
    Posts
    121
    Thanks
    12
    Thanked 0 Times in 0 Posts

    Space Problem

    Hello,

    If you go to http://www.tombraiders.net/katie/alison/index2.html User: letme Pass: in you'll notice there is a white gap under the header, inbetween the menu.

    Does anyone know how to fix this? I want the header touching the top of the menu.

    Thanks

  • #2
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    the link doesnt work. is it just index.html?

  • #3
    Regular Coder
    Join Date
    May 2004
    Posts
    121
    Thanks
    12
    Thanked 0 Times in 0 Posts
    Oops, that was the old one. Yes, sorry, just index.html

    http://www.tombraiders.net/katie/alison/index.html

  • #4
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    I dont see a white space between the header and menu. What browser are you using?

    Mean while try this

    Code:
    *{
    padding:0px;
    margin:0px;
    }

  • #5
    Regular Coder
    Join Date
    May 2004
    Posts
    121
    Thanks
    12
    Thanked 0 Times in 0 Posts
    I'm using IE. In Firefox the header actually overlaps into the menu.... :S

  • #6
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    try this, just replace this with the existing one.

    Code:
    #page_header {
      height: 216px;         /* 120px;   */
    
    }

  • Users who have thanked jcdevelopment for this post:

    katie_lostsoul (05-15-2008)

  • #7
    Regular Coder
    Join Date
    May 2004
    Posts
    121
    Thanks
    12
    Thanked 0 Times in 0 Posts
    Ah, forgot about that. I changed it, but I'm still getting the white gap... doesn't make sense

  • #8
    Regular Coder
    Join Date
    May 2004
    Posts
    121
    Thanks
    12
    Thanked 0 Times in 0 Posts
    Works in FF but IE still has the gap (changes uploaded so you can see)

  • #9
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    you must be using IE6, because i dont see the gap in IE7. Did you try my first post suggestion, not sure if that helps at all. Also if that doesnt take away one more pixel from it

    try 215px

  • #10
    Regular Coder
    Join Date
    May 2004
    Posts
    121
    Thanks
    12
    Thanked 0 Times in 0 Posts
    I did try the padding but it didn't close the gap. Yes, I'm still using IE6...I refuse to switch :P But as long as it works in the newer version and FF then I guess I'll leave it alone. Thanks for your help

    I have another question. I'd like to place a background image in the body area but when I apply the image to the "left_side" property it doesn't fill it entirely. Would you like me to upload to show you what it does?

  • #11
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    yes please

  • #12
    Regular Coder
    Join Date
    May 2004
    Posts
    121
    Thanks
    12
    Thanked 0 Times in 0 Posts
    Uploaded

  • #13
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    try this, just replace it

    Code:
    #left_side h3 {
      margin-top:0px;
      margin-bottom:10px;
      font-family: verdana, arial, sans-serif;
      font-size: 18px;                  /*  9570A1   */
    
      padding:4px;
      clear:both;
      border-bottom: solid 3px #667D8E; 
      color: #1E456B; 
      font-weight: bold; 
    }
    
    
    #left_side h2 {
      margin-top:0px;
      margin-bottom:10px;
      font-family: verdana, arial, sans-serif;
      font-size: 14px;                  /*  9570A1   */
    
      padding:4px;
      clear:both;
      border-bottom: solid 2px #667D8E; 
      color: #1E456B; 
      font-weight: bold; 
    }
    I took out the background colors.

  • Users who have thanked jcdevelopment for this post:

    katie_lostsoul (05-15-2008)

  • #14
    Regular Coder
    Join Date
    May 2004
    Posts
    121
    Thanks
    12
    Thanked 0 Times in 0 Posts
    Ah! Brilliant! Thank you So by having the background set for the h2/h3 that was blocking the background image from showing through?

  • #15
    Senior Coder jcdevelopment's Avatar
    Join Date
    Oct 2007
    Location
    Cowboy Nation
    Posts
    2,182
    Thanks
    174
    Thanked 257 Times in 257 Posts
    yeah, if you dont set a back ground color on a div it is basically transparent. If you have anymore questions, feel free to ask.

  • Users who have thanked jcdevelopment for this post:

    katie_lostsoul (05-15-2008)


  •  
    Page 1 of 2 12 LastLast

    Posting Permissions

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