...

View Full Version : Space Problem



katie_lostsoul
05-15-2008, 07:49 PM
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 :)

jcdevelopment
05-15-2008, 07:52 PM
the link doesnt work. is it just index.html?

katie_lostsoul
05-15-2008, 07:54 PM
Oops, that was the old one. Yes, sorry, just index.html

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

jcdevelopment
05-15-2008, 08:03 PM
I dont see a white space between the header and menu. What browser are you using?

Mean while try this



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

katie_lostsoul
05-15-2008, 08:04 PM
I'm using IE. In Firefox the header actually overlaps into the menu.... :S

jcdevelopment
05-15-2008, 08:07 PM
try this, just replace this with the existing one.



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

}

katie_lostsoul
05-15-2008, 08:25 PM
Ah, forgot about that. I changed it, but I'm still getting the white gap...:confused: doesn't make sense

katie_lostsoul
05-15-2008, 08:28 PM
Works in FF but IE still has the gap (changes uploaded so you can see)

jcdevelopment
05-15-2008, 08:31 PM
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

katie_lostsoul
05-15-2008, 08:49 PM
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?

jcdevelopment
05-15-2008, 08:52 PM
yes please

katie_lostsoul
05-15-2008, 08:59 PM
Uploaded :)

jcdevelopment
05-15-2008, 09:01 PM
try this, just replace it



#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.

katie_lostsoul
05-15-2008, 09:08 PM
Ah! Brilliant! Thank you :D So by having the background set for the h2/h3 that was blocking the background image from showing through?

jcdevelopment
05-15-2008, 09:11 PM
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.

katie_lostsoul
05-15-2008, 09:12 PM
Gotcha. Thank you for all of your help! I'll learn this...one piece of code at a time ;)

jcdevelopment
05-15-2008, 09:12 PM
haha, ok well the site looks good, keep it up



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum