Cant close down White Space

HTML & CSS
1

Hi From 7 Degrees C Sunny Wakefieled UK :slight_smile:


Above is a a screen grab for page http://www.pauserefreshment.co.uk/index_quickfind.html

My problem is that whatever I do to the below detailed CSS I just cannot close down the whitspace circed in red.

Any insights welcome

/*quick find*/


#quick, #quick ul { /* all lists */
	padding: 0;
	margin-left: 20px;
	list-style: none;
	line-height: 1;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	
}

#quick a {
	display: block;
	width: 10em;
}

#quick li { /* all list items */
	float: left;
	width: 10em; /* width needed or else Opera goes nuts */
}

#quick li ul { /* second-level lists */
	position: absolute;
	background: orange;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#quick li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}

#quick li:hover ul ul, #quick li.sfhover ul ul {
	left: -999em;
}

#quick li:hover ul, #quick li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#cup_left {
	clear: left;
	color: #ccc;
}


/* Quick find end */
2

Hi,
The extra space at the top is coming from the header height.
Adjust these two heights below as needed.


[B]#header[/B] {
    [COLOR=Blue]height:120px;[/COLOR][COLOR=Red]/*130px*/[/COLOR]
    width:985px;
    overflow:hidden;
    
}
[B]#header ul li a[/B] {
    display:block;
    overflow:hidden;
    text-indent:-9999px;
    [COLOR=Blue]height:120px;[/COLOR][COLOR=Red]/*145px*/[/COLOR]
    background-image:url(../images/text-topnav10.jpg);
    background-repeat:no-repeat;
}

I’ll look at the other one and post back.

3

The extra space on the #cup_left h3 (the lower red circle) is a default margin that was never reset along with the top padding.

Add margin:0; and adjust the top padding as needed. :wink:

[B]#cup_left h3[/B]{
[COLOR=Blue]margin:0;/*add this*/[/COLOR]
[COLOR=Blue]padding-top:13px;[/COLOR][COLOR=DarkGreen]/*adjust as needed*/[/COLOR]
padding-bottom:0px;
margin-bottom:0px;
font-size:25px;
color:#D68126;
padding-left:20px;
}
4

Thank you problem fixed :slight_smile: