SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Guru Zygoma's Avatar
    Join Date
    May 2006
    Location
    York, Uk
    Posts
    916
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)

    Cant close down White Space

    Hi From 7 Degrees C Sunny Wakefieled UK :-)

    http://i216.photobucket.com/albums/c...pause_link.jpg


    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
    Code:
    /*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 */
    I have had a perfectly wonderful
    evening, but this wasn't it-
    Julius "GROUCHO" Marx - 1890-1977
    http://www.davidclick.com

  2. #2
    Ripe Tomatos silver trophybronze trophy Rayzur's Avatar
    Join Date
    Jun 2007
    Location
    Texas
    Posts
    4,174
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    Hi,
    The extra space at the top is coming from the header height.
    Adjust these two heights below as needed.
    Code:
    #header {
        height:120px;/*130px*/
        width:985px;
        overflow:hidden;
        
    }
    #header ul li a {
        display:block;
        overflow:hidden;
        text-indent:-9999px;
        height:120px;/*145px*/
        background-image:url(../images/text-topnav10.jpg);
        background-repeat:no-repeat;
    }
    I'll look at the other one and post back.

  3. #3
    Ripe Tomatos silver trophybronze trophy Rayzur's Avatar
    Join Date
    Jun 2007
    Location
    Texas
    Posts
    4,174
    Mentioned
    4 Post(s)
    Tagged
    0 Thread(s)
    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.

    Code:
    #cup_left h3{
    margin:0;/*add this*/
    padding-top:13px;/*adjust as needed*/
    padding-bottom:0px;
    margin-bottom:0px;
    font-size:25px;
    color:#D68126;
    padding-left:20px;
    }

  4. #4
    SitePoint Guru Zygoma's Avatar
    Join Date
    May 2006
    Location
    York, Uk
    Posts
    916
    Mentioned
    0 Post(s)
    Tagged
    0 Thread(s)
    Thank you problem fixed :-)
    I have had a perfectly wonderful
    evening, but this wasn't it-
    Julius "GROUCHO" Marx - 1890-1977
    http://www.davidclick.com


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
  •