Huge space between Header and Menu

Rushino · April 8th, 2010, 06:45 PM

Hello,

Sorry for posting a new thread for this small issue ive encountered but in the page 223. You show an exemple of the DarkGrey theme. (Ive still posted it as a new thread since there might some poeple wonder too)

But in your image showed in the book there an huge space between "Header Goes here" and "Menu Goes here".. just wondered what make this happen ? cause on my own browser there no such space.

Thanks.

Imar · April 9th, 2010, 12:53 PM

Hi Rushino,

The height of the header is determined by this CSS selector:

Code:

 
#Header a
{
  /*
  The #Header a is nested in the #Header. It provides a link to the homepage,
  and sets the header image background.
  */
  background-image: url(Images/Header.jpg);
  background-repeat: no-repeat;
  width: 944px;
  height: 138px;
  display: block; 
}

You find this code in DarkGrey.css that you added in step 9 on page 222. For the header to get its size, you need an <a /> element in the #Header div. You added this anchor element earlier. The code example of step 6 on page 204 shows you how it should look like.

Hope this helps,

Imar

Rushino · April 9th, 2010, 04:11 PM

Alright thanks. I found the error... actually i didn't have the <a> html tag. I forgot the write it at the beginning of the chapter cause ive copied / past code from some other source i don't remember, i think it was the masterpage.