Increasing the size of your header
I want to increase the size of the header and the container so that maybe I could add different stuff to it, if I change the values in the CSS file, such as
header
{
/*
Gives the header the same width as the PageWrapper. The height creates some room for the logo
that is set with the background-image.
*/
background-image: url(Images/Header.jpg);
width: 844px;
height: 86px;
}
header a
{
/*
The header a is a link nested in header. It provides a link back to the homepage.
The size of the link is the same as the header, so the entire header is clickable.
*/
width: 844px;
height: 86px;
display: block;
}
How would I make the header able to display a different image that is bigger than the image that you are using in your application? Because when I change the height property in the above rule nothing happens. Also how do I change the size of the container for the app as well?
|
button below this post to show your appreciation!
